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
+2
-4
@@ -276,7 +276,7 @@ button:focus{outline:none}
|
||||
.player-art::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px rgba(255,255,255,.15);pointer-events:none;opacity:0;transition:opacity .3s}
|
||||
.player-art.spinning::after{opacity:1}
|
||||
@keyframes spin{to{transform:rotate(360deg)}}
|
||||
.player-info{min-width:0;display:flex;flex-direction:column;justify-content:center}
|
||||
.player-info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}
|
||||
.player-title{font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s;margin-bottom:2px}
|
||||
#player-artist-name{color:var(--accent)}
|
||||
#player-artist-name span:hover{color:var(--accent)}
|
||||
@@ -919,11 +919,9 @@ button:focus{outline:none}
|
||||
}
|
||||
.player .player-art{width:46px!important;height:46px!important;border-radius:50%!important;flex-shrink:0}
|
||||
.player-track{max-width:none!important;width:100%!important;gap:8px}
|
||||
.player-info{flex:1;min-width:0;position:relative}
|
||||
.player-info>div:first-child{justify-content:flex-start!important;padding-right:24px}
|
||||
.player-info{flex:1;min-width:0}
|
||||
.player-title{flex:1;min-width:0;font-size:12px!important}
|
||||
.player-artist{font-size:10px!important;margin-top:1px}
|
||||
#btn-star-current{position:absolute;right:0;top:50%;transform:translateY(-50%);flex-shrink:0}
|
||||
.player-status-row{display:none}
|
||||
/* Controls: horizontal row with only prev/play/next */
|
||||
.player-controls{display:flex!important;flex-direction:row!important;width:auto!important;padding:0!important;gap:0!important;align-items:center;flex-shrink:0;min-width:0!important}
|
||||
|
||||
Reference in new issue
Block a user