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() {

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

@ -4,26 +4,21 @@
<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"> <button
<div> class="uk-button uk-button-default gallery-button"
<button type="button"
class="uk-button uk-button-default uk-width-1-1 gallery-button" @click="refreshGallery()"
type="button" >
@click="refreshGallery()" Refresh
> </button>
Refresh
</button> <button
</div> class="sidebar-toggle uk-button uk-button-default gallery-button"
<div> type="button"
<button @click="sidebarOpen = !sidebarOpen"
class="sidebar-toggle uk-button uk-button-default uk-width-1-1 gallery-button" >
type="button" <div class="sidebar-toggle-text" :class="{ open: sidebarOpen }">❮</div>
@click="sidebarOpen = !sidebarOpen" </button>
>
<div class="sidebar-toggle-text" :class="{ open: sidebarOpen }">❮</div>
</button>
</div>
</div>
</div> </div>
</nav> </nav>
@ -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 {