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