rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove complexity in gallery nav HTML

Browse source
This commit is contained in:
Julian Stirling 2026-07-06 09:26:10 +01:00
parent eac055d352
commit 4eec94d573
2 changed files with 17 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

2
webapp/src/assets/less/variables.less
View file

@ -222,7 +222,7 @@
border-width: 0 0 1px; border-width: 0 0 1px;
border-style: solid; border-style: solid;
border-color: rgba(180, 180, 180, 0.25); border-color: rgba(180, 180, 180, 0.25);
padding-right: 20px; padding-right: 15px;
background: #fff; background: #fff;
} }
.hook-inverse() { .hook-inverse() {

13
webapp/src/components/tabContentComponents/galleryContent.vue
View file

@ -4,27 +4,22 @@
<nav class="ofm-tab-navbar"> <nav class="ofm-tab-navbar">
<!-- Right side buttons --> <!-- Right side buttons -->
<div class="uk-navbar-right"> <div class="uk-navbar-right">
<div class="uk-grid">
<div>
<button <button
class="uk-button uk-button-default uk-width-1-1 gallery-button" class="uk-button uk-button-default gallery-button"
type="button" type="button"
@click="refreshGallery()" @click="refreshGallery()"
> >
Refresh Refresh
</button> </button>
</div>
<div>
<button <button
class="sidebar-toggle uk-button uk-button-default uk-width-1-1 gallery-button" class="sidebar-toggle uk-button uk-button-default gallery-button"
type="button" type="button"
@click="sidebarOpen = !sidebarOpen" @click="sidebarOpen = !sidebarOpen"
> >
<div class="sidebar-toggle-text" :class="{ open: sidebarOpen }">❮</div> <div class="sidebar-toggle-text" :class="{ open: sidebarOpen }">❮</div>
</button> </button>
</div> </div>
</div>
</div>
</nav> </nav>
<gallery-modal ref="viewerModal" :selected-item="selectedItem" :base-uri="baseUri" /> <gallery-modal ref="viewerModal" :selected-item="selectedItem" :base-uri="baseUri" />
@ -270,7 +265,7 @@ export default {
.gallery-button { .gallery-button {
margin-top: 5px; margin-top: 5px;
margin-bottom: 2px; margin-bottom: 5px;
} }
.sidebar-toggle { .sidebar-toggle {