simon/jacuzzi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

visual update

Browse Source
This commit is contained in:
Simon
2026-02-08 12:33:18 +00:00
parent 62c7bfd694
commit c9a7dc4e82
2 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/index.html
View File

@@ -14,17 +14,10 @@
</div> </div>
<div class="actions"> <div class="actions">
<button class="icon-btn menu-toggle" onclick="toggleDrawer('menu')" title="Menu"> <button class="icon-btn menu-toggle" onclick="toggleDrawer('menu')" title="Menu">
<span class="hamburger"> <img class="icon-svg" src="https://cdn.jsdelivr.net/npm/heroicons@2.0.13/24/outline/bars-3.svg" alt="Menu">
<span></span>
<span></span>
<span></span>
</span>
</button> </button>
<button class="icon-btn settings-toggle" onclick="toggleDrawer('settings')" title="Settings"> <button class="icon-btn settings-toggle" onclick="toggleDrawer('settings')" title="Settings">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <img class="icon-svg" src="https://cdn.jsdelivr.net/npm/heroicons@2.0.13/24/outline/wrench.svg" alt="Settings">
<circle cx="12" cy="12" r="3"></circle>
<path d="M12 1v6m0 6v6M4.22 4.22l4.24 4.24m5.08 0l4.24-4.24M1 12h6m6 0h6m-16.78 7.78l4.24-4.24m5.08 0l4.24 4.24"></path>
</svg>
</button> </button>
</div> </div>
</header> </header>

16
frontend/style.css
View File

@@ -79,8 +79,8 @@ body {
} }
.icon-btn { .icon-btn {
width: 40px; width: 48px;
height: 40px; height: 48px;
border: none; border: none;
background: transparent; background: transparent;
border-radius: 8px; border-radius: 8px;
@@ -98,6 +98,18 @@ body {
color: var(--accent); color: var(--accent);
} }
/* CDN-served icon images (Heroicons) */
.icon-svg {
width: 24px;
height: 24px;
display: block;
filter: invert(100%) saturate(0%);
}
.icon-btn:hover .icon-svg {
filter: none;
}
/* Hamburger Menu */ /* Hamburger Menu */
.hamburger { .hamburger {
display: flex; display: flex;