marco/contexted-v3
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 1 Releases Wiki Activity

fix iphone padding

Browse Source
This commit is contained in:
Marco Crapts
2023-06-01 21:32:25 +02:00
parent 8fe704744f
commit 27ba4c6b3d
1 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/App.vue
View File

@@ -91,21 +91,23 @@ 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 px-10 py-6 duration-200 ease-out max-sm:px-4 max-sm:py-3" 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="sideBarCollapsed ? 'ml-0' : 'sm:ml-sidebar'" :class="sideBarCollapsed ? 'ml-0' : 'sm:ml-sidebar'"
> >
<template v-if="!loading"> <div class="flex h-full px-10 py-6 max-sm:px-4 max-sm:py-3">
<Note <template v-if="!loading">
v-if="activeViewMode.name === 'Note' && activeNote" <Note
:key="activeNote.id" v-if="activeViewMode.name === 'Note' && activeNote"
:note="activeNote" :key="activeNote.id"
class="" :note="activeNote"
@update="(note) => updateNote(note.id, note)" class=""
/> @update="(note) => updateNote(note.id, note)"
<ListView v-else-if="activeViewMode.name === 'List'" /> />
<Mindmap v-else-if="activeViewMode.name === 'Mindmap'" /> <ListView v-else-if="activeViewMode.name === 'List'" />
</template> <Mindmap v-else-if="activeViewMode.name === 'Mindmap'" />
<SkeletonNote v-else /> </template>
<SkeletonNote v-else />
</div>
</main> </main>
</div> </div>
<UIModal :open="passphraseRequired" :persistent="true"> <UIModal :open="passphraseRequired" :persistent="true">