fix: pull active media session on start, icon centering, tap highlight, media card

This commit is contained in:
2026-08-16 18:33:14 +08:00
parent c9dcb88647
commit a65205b8d2
2 changed files with 61 additions and 27 deletions
+25 -2
View File
@@ -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%; }