bvandeusen/FabledCurator
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 35 Wiki Activity

feat(nav): teleport Gallery Select into the nav action slot

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-05-16 19:40:39 -04:00
parent a2529d750a
commit 9062942af6
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/GalleryView.vue
+2 -5
View File
@@ -1,13 +1,13 @@
<template> <template>
<v-container fluid class="py-6"> <v-container fluid class="py-6">
<div class="fc-gallery-toolbar"> <Teleport to="#fc-nav-actions">
<v-btn <v-btn
:color="sel.isSelectMode ? 'accent' : undefined" :color="sel.isSelectMode ? 'accent' : undefined"
:variant="sel.isSelectMode ? 'flat' : 'tonal'" :variant="sel.isSelectMode ? 'flat' : 'tonal'"
size="small" size="small"
@click="sel.isSelectMode ? sel.exitSelectMode() : sel.enterSelectMode()" @click="sel.isSelectMode ? sel.exitSelectMode() : sel.enterSelectMode()"
>{{ sel.isSelectMode ? 'Done' : 'Select' }}</v-btn> >{{ sel.isSelectMode ? 'Done' : 'Select' }}</v-btn>
</div> </Teleport>
<div class="fc-gallery-layout"> <div class="fc-gallery-layout">
<div class="fc-gallery-layout__main"> <div class="fc-gallery-layout__main">
@@ -83,9 +83,6 @@ function closeImage() {
} }
.fc-gallery-layout__main { flex: 1; min-width: 0; } .fc-gallery-layout__main { flex: 1; min-width: 0; }
.fc-gallery-layout__sidebar { flex-shrink: 0; } .fc-gallery-layout__sidebar { flex-shrink: 0; }
.fc-gallery-toolbar {
display: flex; justify-content: flex-end; margin-bottom: 12px;
}
@media (max-width: 900px) { @media (max-width: 900px) {
.fc-gallery-layout { flex-direction: column-reverse; } .fc-gallery-layout { flex-direction: column-reverse; }