fix: pull active media session on start, icon centering, tap highlight, media card
This commit is contained in:
@@ -1,7 +1,14 @@
|
||||
/* Hearth 桌面样式:侧边栏 + 5 页框架 + 柔光玻璃容器 */
|
||||
/* Hearth launcher styles: sidebar + 5-page frame + soft-glass containers */
|
||||
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
/* 移除 WebView 默认蓝色点击高亮,改用下方 :active 的 Miuix 风格反馈 */
|
||||
/* Remove the default blue tap highlight; use the Miuix-style :active feedback below */
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
html, body { height: 100%; }
|
||||
|
||||
@@ -72,12 +79,28 @@ body {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.rail-item .ico { width: 24px; height: 24px; }
|
||||
.rail-item .ico {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.rail-item .ico svg { width: 100%; height: 100%; display: block; }
|
||||
.rail-item .lbl { font-size: 11px; }
|
||||
|
||||
.rail-item.active { background: var(--accent); color: #fff; }
|
||||
|
||||
/* Miuix 风格点击反馈:轻按压时整体轻微变淡,替代默认蓝色高亮 */
|
||||
/* Miuix-style press feedback: a subtle fade on press instead of the blue highlight */
|
||||
.rail-item:active,
|
||||
.cell:active,
|
||||
.wcell:active,
|
||||
.st-item:active {
|
||||
opacity: 0.6;
|
||||
transition: opacity .12s ease;
|
||||
}
|
||||
|
||||
.content { flex: 1; overflow: hidden; }
|
||||
|
||||
.page { display: none; height: 100%; }
|
||||
|
||||
Reference in New Issue
Block a user