feat(ui): new equalizer logo, favicon link, fix star vertical alignment
- icon.svg: replaced music-note with 5-bar equalizer waveform (gold gradient on dark bg) — works well as favicon and app icon at all sizes - index.html: add <link rel="icon"> so browsers pick up the favicon; move #btn-star-current out of the title row and into player-track so player-track's align-items:center centers it with the full info block - styles.css: add flex:1 to .player-info base rule; remove stale mobile overrides that assumed the star was inside player-info (position:absolute, padding-right hack) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
9aa1947568
commit
3d6b74b873
3 files changed
+26
-26
No files matched your search
+5
-6
@@ -9,6 +9,7 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="apple-mobile-web-app-title" content="NovaSonic">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="icon" href="icon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="icon.svg">
|
||||
<title>NovaSonic</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
@@ -471,12 +472,7 @@
|
||||
<div class="player-track">
|
||||
<div class="player-art" id="player-art" style="cursor:pointer" title="Jetzt läuft öffnen"><div class="no-art">♪</div></div>
|
||||
<div class="player-info">
|
||||
<div style="display:flex;align-items:center;gap:6px">
|
||||
<div class="player-title" id="player-title">Kein Titel</div>
|
||||
<button id="btn-star-current" onclick="starCurrent()" title="Favorit" style="background:none;border:none;cursor:pointer;padding:2px;flex-shrink:0;display:flex;align-items:center">
|
||||
<svg id="star-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--text3)" stroke-width="2" style="transition:fill .2s,stroke .2s"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="player-title" id="player-title">Kein Titel</div>
|
||||
<div class="player-artist">
|
||||
<span id="player-album-name" onclick="playerBarGoAlbum()" style="cursor:pointer" title="Zum Album"></span>
|
||||
</div>
|
||||
@@ -488,6 +484,9 @@
|
||||
<span class="status-badge badge-repeat" id="badge-repeat">🔁 Repeat</span>
|
||||
</div>
|
||||
</div>
|
||||
<button id="btn-star-current" onclick="starCurrent()" title="Favorit" style="background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;display:flex;align-items:center;color:var(--text3)">
|
||||
<svg id="star-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="transition:fill .2s,stroke .2s"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="player-controls">
|
||||
<div class="ctrl-buttons">
|
||||
|
||||
Reference in new issue
Block a user