fix table layout

This commit is contained in:
2023-06-01 22:02:54 +02:00
parent 6e725ec966
commit d6c55da727
2 changed files with 3 additions and 3 deletions

View File

@@ -91,10 +91,10 @@ const topBarHeightWithSafeArea = computed(() => `calc(${topBarHeight}px + var(--
/> />
</Transition> </Transition>
<main <main
class="transition[margin-left] z-10 mx-auto flex h-full w-full max-w-app flex-col overflow-y-auto border-x-[1px] bg-white duration-200 ease-out pb-[var(--safe-area-bottom)]" class="transition[margin-left] z-10 mx-auto flex h-full w-full max-w-app flex-col overflow-y-auto border-x-[1px] bg-white pb-[var(--safe-area-bottom)] duration-200 ease-out"
:class="sideBarCollapsed ? 'ml-0' : 'sm:ml-sidebar'" :class="sideBarCollapsed ? 'ml-0' : 'sm:ml-sidebar'"
> >
<div class="flex h-full px-10 py-6 max-sm:px-4 max-sm:py-3"> <div class="flex h-full w-full px-10 py-6 max-sm:px-4 max-sm:py-3">
<template v-if="!loading"> <template v-if="!loading">
<Note <Note
v-if="activeViewMode.name === 'Note' && activeNote" v-if="activeViewMode.name === 'Note' && activeNote"

View File

@@ -30,7 +30,7 @@ const deleteSelectedNotes = (closeModal: () => void) => {
} }
</script> </script>
<template> <template>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2 w-full">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="flex items-center"> <div class="flex items-center">
<span class="whitespace-nowrap"> <span class="whitespace-nowrap">