remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ (edit) add edit light button at the end

Browse Source
This commit is contained in:
Julien Calixte
2023-11-04 14:12:56 +01:00
parent bcde3ad770
commit 2608e9ac5c
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/StackedNote.vue
View File

@@ -123,7 +123,7 @@ watch(mode, async (newMode) => {
</div> </div>
<section class="text-content"> <section class="text-content">
<button <button
class="action button is-text" class="action button is-text is-light"
:class="{ 'is-link': mode === 'edit' }" :class="{ 'is-link': mode === 'edit' }"
@click="toggleMode" @click="toggleMode"
> >
@@ -141,6 +141,14 @@ watch(mode, async (newMode) => {
</router-link> </router-link>
<div v-if="mode === 'edit'" class="edit"> <div v-if="mode === 'edit'" class="edit">
<edit-note v-model="rawContent" /> <edit-note v-model="rawContent" />
<button
class="action button is-text is-light"
:class="{ 'is-link': mode === 'edit' }"
@click="toggleMode"
>
<img src="/assets/edit.svg" alt="edit" />
</button>
</div> </div>
<div v-if="mode === 'read'" class="note-content" v-html="content"></div> <div v-if="mode === 'read'" class="note-content" v-html="content"></div>
</section> </section>