add summarium to move menu

This commit is contained in:
nicwands
2026-03-27 10:47:51 -04:00
parent 86146f1ecf
commit a3f82fb74c

View File

@@ -2,14 +2,18 @@
<div v-if="open" class="move-menu layout-block"> <div v-if="open" class="move-menu layout-block">
<button class="cancel-button" @click="close">Cancel</button> <button class="cancel-button" @click="close">Cancel</button>
<button class="summarium-button" @click="onCategoryClick(null)">
SUMMARIUM
</button>
<template v-for="(category, i) in categories"> <template v-for="(category, i) in categories">
<category-row <category-row
v-if="category !== fromCategory" v-if="category !== fromCategory"
:category="category" :category="category"
:index="i" :index="i"
wrapper="button" wrapper="button"
@click="onCategoryClick(category)"
:key="category" :key="category"
@click="onCategoryClick(category)"
/> />
</template> </template>
</div> </div>
@@ -39,7 +43,7 @@ const close = async () => {
await window.api.moveClosed() await window.api.moveClosed()
} }
const onCategoryClick = async (category) => { const onCategoryClick = async (category) => {
if (!category || !noteId.value) return if (!noteId.value) return
await updateNote(noteId.value, { category: category }) await updateNote(noteId.value, { category: category })
@@ -55,10 +59,20 @@ watch(open, async () => {
width: 50vw; width: 50vw;
height: 100%; height: 100%;
border-left: 1px solid var(--grey-100); border-left: 1px solid var(--grey-100);
display: flex;
flex-direction: column;
.cancel-button { .cancel-button {
color: var(--grey-100); color: var(--grey-100);
padding: 9px 0 16px; padding: 9px 0 16px;
} }
.summarium-button {
display: block;
margin: 10px 0;
&:hover {
color: var(--theme-accent);
}
}
} }
</style> </style>