danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

update page icons

Browse source
This commit is contained in:
Broque Thomas 2026-03-09 18:06:44 -07:00
parent 6f5ef73e86
commit b9d5d4e277
2 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
webui/index.html
View file

@ -92,43 +92,43 @@
<!-- Navigation Section -->
<nav class="sidebar-nav">
<button class="nav-button active" data-page="dashboard">
<span class="nav-icon">📊</span>
<span class="nav-icon"><img src="/static/dashboard.png" class="nav-icon-img"></span>
<span class="nav-text">Dashboard</span>
</button>
<button class="nav-button" data-page="sync">
<span class="nav-icon">🔄</span>
<span class="nav-icon"><img src="/static/sync.png" class="nav-icon-img"></span>
<span class="nav-text">Sync</span>
</button>
<button class="nav-button" data-page="downloads">
<span class="nav-icon">📥</span>
<span class="nav-icon"><img src="/static/search.png" class="nav-icon-img"></span>
<span class="nav-text">Search</span>
</button>
<button class="nav-button" data-page="discover">
<span class="nav-icon">🎧</span>
<span class="nav-icon"><img src="/static/discover.png" class="nav-icon-img"></span>
<span class="nav-text">Discover</span>
</button>
<button class="nav-button" data-page="artists">
<span class="nav-icon">🎵</span>
<span class="nav-icon"><img src="/static/artists.png" class="nav-icon-img"></span>
<span class="nav-text">Artists</span>
</button>
<button class="nav-button" data-page="automations">
<span class="nav-icon">⚡</span>
<span class="nav-icon"><img src="/static/automation.png" class="nav-icon-img"></span>
<span class="nav-text">Automations</span>
</button>
<button class="nav-button" data-page="library">
<span class="nav-icon">📚</span>
<span class="nav-icon"><img src="/static/library.png" class="nav-icon-img"></span>
<span class="nav-text">Library</span>
</button>
<button class="nav-button" data-page="import">
<span class="nav-icon">📂</span>
<span class="nav-icon"><img src="/static/import.png" class="nav-icon-img"></span>
<span class="nav-text">Import</span>
</button>
<button class="nav-button" data-page="settings">
<span class="nav-icon">⚙️</span>
<span class="nav-icon"><img src="/static/settings.png" class="nav-icon-img"></span>
<span class="nav-text">Settings</span>
</button>
<button class="nav-button" data-page="hydrabase" id="hydrabase-nav" style="display: none;">
<span class="nav-icon"><img src="/static/hydrabase.png?v=1" class="hydrabase-icon"></span>
<span class="nav-icon"><img src="/static/hydrabase.png?v=1" class="nav-icon-img"></span>
<span class="nav-text">Hydrabase</span>
</button>
</nav>

11
webui/static/style.css
View file

@ -255,8 +255,8 @@ body {
}
.nav-icon {
width: 28px;
height: 28px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
@ -274,6 +274,13 @@ body {
inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.nav-icon-img {
width: 32px;
height: 32px;
object-fit: contain;
pointer-events: none;
}
.nav-button:hover .nav-icon {
color: rgba(255, 255, 255, 0.95);
background: linear-gradient(135deg,