diff options
| author | Henry Jameson <me@hjkos.com> | 2022-08-24 20:24:21 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-08-24 20:24:21 +0300 |
| commit | 8c48a56a899aab57246fcfde0a28c1712de8b9da (patch) | |
| tree | 415d83627eb2cf1f3b0a66c31733cfc938a9b833 /src/components/nav_panel | |
| parent | cf714c2756ac0b5981c269360c2024ab45da5d97 (diff) | |
change ugly checkbox to a list element that doesn't look too much out of place
Diffstat (limited to 'src/components/nav_panel')
| -rw-r--r-- | src/components/nav_panel/nav_panel.vue | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 32c9bed5..c88b019c 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -96,14 +96,21 @@ :show-pin="editMode || forceEditMode" :item="item" /> - <div + <li v-if="!forceEditMode && currentUser" - class="panel-footer" > - <Checkbox v-model="editMode"> - {{ $t('nav.edit_pinned') }} - </Checkbox> - </div> + <button + class="menu-item button-unstyled" + @click="toggleEditMode" + > + <FAIcon + fixed-width + class="fa-scale-110" + :icon="editMode ? 'check' : 'wrench'" + /> + {{ editMode ? $t('nav.edit_finish') : $t('nav.edit_pinned') }} + </button> + </li> </ul> </div> </div> |