style: Update recently played track styling
- Change track link colors: cyan default, green hover, blue visited - Add equal left/right padding (12px) to track-list for centered separators - Increase track-item top/bottom padding from 6px to 10px for better spacing - Move track-list and track-item inside recently-played-list block for proper CSS nesting - Addresses feedback from easilok on symmetry and breathing room
This commit is contained in:
parent
2fae9f80f4
commit
9a7b5eb50f
|
|
@ -151,7 +151,7 @@
|
|||
:display inline-flex
|
||||
:align-items center
|
||||
:gap "4px"
|
||||
:color "#4488ff"
|
||||
:color "#00ffff"
|
||||
:text-decoration none
|
||||
:font-weight 500
|
||||
:font-size "1em"
|
||||
|
|
@ -166,23 +166,26 @@
|
|||
((:and .track-link :hover)
|
||||
:color "#00ff00"
|
||||
:text-decoration underline
|
||||
:text-underline-offset "3px"))
|
||||
:text-underline-offset "3px")
|
||||
|
||||
((:and .recently-played-list .track-list)
|
||||
((:and .track-link :visited)
|
||||
:color "#4488ff")
|
||||
|
||||
(.track-list
|
||||
:list-style none
|
||||
:padding 0
|
||||
:padding "0 12px"
|
||||
:margin 0
|
||||
:border none
|
||||
:max-height none
|
||||
:overflow-y visible)
|
||||
|
||||
((:and .recently-played-list .track-item)
|
||||
:padding "6px 12px"
|
||||
(.track-item
|
||||
:padding "10px 0"
|
||||
:border-bottom "1px solid #2a3441"
|
||||
:transition "background-color 0.2s"
|
||||
|
||||
((:and :last-child) :border-bottom none)
|
||||
((:and :hover) :background-color "#2a3441"))
|
||||
((:and :hover) :background-color "#2a3441")))
|
||||
|
||||
((:and .recently-played-list .track-info)
|
||||
:display grid
|
||||
|
|
|
|||
Loading…
Reference in New Issue