fix(bulk): Select toggle in a right-aligned toolbar, not floated over the nav health marker
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,12 +1,13 @@
|
||||
<template>
|
||||
<v-container fluid class="py-6">
|
||||
<v-btn
|
||||
class="fc-select-toggle"
|
||||
:color="sel.isSelectMode ? 'accent' : undefined"
|
||||
:variant="sel.isSelectMode ? 'flat' : 'tonal'"
|
||||
size="small"
|
||||
@click="sel.isSelectMode ? sel.exitSelectMode() : sel.enterSelectMode()"
|
||||
>{{ sel.isSelectMode ? 'Done' : 'Select' }}</v-btn>
|
||||
<div class="fc-gallery-toolbar">
|
||||
<v-btn
|
||||
:color="sel.isSelectMode ? 'accent' : undefined"
|
||||
:variant="sel.isSelectMode ? 'flat' : 'tonal'"
|
||||
size="small"
|
||||
@click="sel.isSelectMode ? sel.exitSelectMode() : sel.enterSelectMode()"
|
||||
>{{ sel.isSelectMode ? 'Done' : 'Select' }}</v-btn>
|
||||
</div>
|
||||
|
||||
<div class="fc-gallery-layout">
|
||||
<div class="fc-gallery-layout__main">
|
||||
@@ -82,8 +83,8 @@ function closeImage() {
|
||||
}
|
||||
.fc-gallery-layout__main { flex: 1; min-width: 0; }
|
||||
.fc-gallery-layout__sidebar { flex-shrink: 0; }
|
||||
.fc-select-toggle {
|
||||
position: absolute; top: 12px; right: 16px; z-index: 1101;
|
||||
.fc-gallery-toolbar {
|
||||
display: flex; justify-content: flex-end; margin-bottom: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
|
||||
Reference in New Issue
Block a user