Shell chrome (steps 1-3): - Left sidebar is collapsible — a toggle in the nav cluster (left of the [<] [>] pair) and a draggable right edge that resizes 200-420px and collapses below 160px. ShellState global drives it. - Queue and Lyrics right sidebars: 320px panels rendered as layout siblings, so opening one pushes the content area narrower rather than overlaying it. The header captions/queue buttons toggle them (mutually exclusive) and light up when active. - The four nav tabs (Discover/Library/Local Library/My QBZ) open dropdown menus listing their sub-sections; Discover -> Home is wired. Detail views (steps 4-5): - Track rows: the even-row tint is now clearly fainter than the hover tint so the two states no longer look identical. - The favorite and offline-cache glyphs in album track rows are real buttons (hover state, emit media-action). - Album header artist link uses the metadata text color, bold, instead of the accent blue. - Album description and artist biography span the full content width below the header block. cc
5 lines
260 B
XML
5 lines
260 B
XML
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect width="18" height="18" x="3" y="3" rx="2" />
|
|
<path d="M9 3v18" />
|
|
</svg>
|