better animated sidebar

This commit is contained in:
2023-05-23 13:18:43 +02:00
parent aa77296d00
commit bd1eadb7cb
4 changed files with 30 additions and 13 deletions

View File

@@ -28,7 +28,7 @@ const setViewMode = (viewMode: ViewMode) => {
<template>
<div
id="sidebar"
class="fixed top-0 flex w-sidebar flex-col gap-4 overflow-y-auto px-2 py-3 text-[90%] max-sm:w-full max-sm:text-[120%]"
class="fixed bottom-0 top-0 flex w-sidebar flex-col gap-4 overflow-y-auto px-2 py-3 text-[90%] max-sm:text-[120%]"
>
<SideBarMenu>
<template #header>Root note</template>

View File

@@ -49,7 +49,7 @@ const setRoot = async (closeModal: () => Promise<Boolean>) => {
class="fas fa-fw fa-home mr-2 text-base text-secondary opacity-40"
v-if="props.note.isRoot"
></i>
<input type="text" class="bg-transparent py-1 outline-none w-full" v-model="noteTitle" />
<input type="text" class="bg-transparent pb-1 outline-none w-full" v-model="noteTitle" />
</template>
</NoteToolbar>
<NoteEditor