Vasanko/cista-storage
Vasanko/cista-storage
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Less messy breadcrumbs on search results in gallery

Browse Source
This commit is contained in:
Leo Vasanko 2023-11-21 17:51:38 +00:00
parent a383358369
commit 634dabe52d
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/Gallery.vue
View File

@ -3,7 +3,10 @@
<GalleryFigure v-if="editing?.key === 'new'" :doc="editing" :key=editing.key :editing="{rename: mkdir, exit}" /> <GalleryFigure v-if="editing?.key === 'new'" :doc="editing" :key=editing.key :editing="{rename: mkdir, exit}" />
<template v-for="(doc, index) in documents" :key=doc.key> <template v-for="(doc, index) in documents" :key=doc.key>
<GalleryFigure :doc=doc :editing="editing === doc ? {rename, exit} : null" @menu="contextMenu($event, doc)"> <GalleryFigure :doc=doc :editing="editing === doc ? {rename, exit} : null" @menu="contextMenu($event, doc)">
<BreadCrumb v-if=showFolderBreadcrumb(index) :path="doc.loc ? doc.loc.split('/') : []" class="folder-change"/> <template v-if=showFolderBreadcrumb(index)>
<BreadCrumb :path="doc.loc ? doc.loc.split('/') : []" class="folder-change"/>
<div class="spacer"></div>
</template>
</GalleryFigure> </GalleryFigure>
</template> </template>
</div> </div>
@ -255,6 +258,9 @@ const contextMenu = (ev: MouseEvent, doc: Doc) => {
align-items: end; align-items: end;
} }
.breadcrumb { .breadcrumb {
border-radius: .5em; border-radius: .5em 0 0 .5em;
}
.spacer {
flex: 0 1000000000 4rem;
} }
</style> </style>