add summarium to move menu
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user