标题位置修正:顶栏即「XX反馈系统」,内容区只留图标+软件名
用户指出三处问题: 1. 最上面标题应显示「同步日历反馈系统」,而不是光秃秃的「同步日历」 2. 内容区那个重复的「同步日历反馈系统」不要再要了, 那里只要「图标 + 同步日历」 3. 内容区下面多了一个裸露的 ?> 字符 4. 图标和标题文字都要再大一点 改动: - 顶栏改为 fb_software_badge(sw, brand, fb_software_site_title(sw)) 图标 56px、文字 26px,成为页面唯一主标题 - 删除内容区的 h1.page-h1-sw(重复标题) - 内容区改为 badge(lg):图标 40px + 文字 30px - 清除 index.php 里多余的 ?> (上次编辑留下的残渣) - badge 新增 brand 尺寸档与 参数,可覆盖显示文字 - 顶栏高度 72->84px 容纳更大的图标;窄屏仍有降级 验证:顶栏 title/文字正确、已无 page-h1-sw、 无裸露 ?>、内容区只显示「同步日历」、5 处图标全走 media.php 且均为有效 PNG、三个软件页与全部路由 200。
This commit is contained in:
+20
-7
@@ -32,9 +32,17 @@ p{margin:8px 0}
|
||||
-webkit-backdrop-filter:saturate(180%) blur(14px);
|
||||
border-bottom:1px solid var(--line);
|
||||
}
|
||||
.topbar .wrap{display:flex; align-items:center; gap:14px; height:64px}
|
||||
.topbar .wrap{display:flex; align-items:center; gap:14px; height:72px}
|
||||
.topbar .brand-mini{display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; color:var(--fg); min-width:0}
|
||||
.topbar .brand-mini:hover{text-decoration:none; color:var(--fg)}
|
||||
/* 顶栏里的软件标识:图标与「XX 反馈系统」一起放大,成为页面主标题 */
|
||||
.topbar .brand-mini .sw-badge{gap:11px}
|
||||
.topbar .brand-mini .sw-badge-nm{font-size:22px; font-weight:700}
|
||||
@media (max-width:560px){
|
||||
.topbar .wrap{height:62px}
|
||||
.topbar .brand-mini .sw-badge-nm{font-size:17px}
|
||||
.topbar .brand-mini .sw-badge-img{width:32px !important; height:32px !important}
|
||||
}
|
||||
.topbar .brand-text{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
|
||||
.topbar .logo-mark{
|
||||
width:30px; height:30px; flex:none; display:block; border-radius:8px;
|
||||
@@ -130,12 +138,17 @@ main.wrap{padding-top:24px; padding-bottom:40px; min-height:60vh}
|
||||
font-weight:600; font-size:14px; color:var(--fg);
|
||||
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
|
||||
}
|
||||
.sw-badge-sm .sw-badge-nm{font-size:13.5px}
|
||||
.sw-badge-lg .sw-badge-nm{font-size:26px}
|
||||
/* 页头大标题:就是纯文字,不要 h1 的默认行高干扰 */
|
||||
.page-h1-sw{margin:0; font-size:inherit; line-height:1.3}
|
||||
/* 页头副行:图标 + 软件名,紧跟在「XX 反馈系统」下面 */
|
||||
.page-sw-id{margin-top:8px; display:flex; align-items:center}
|
||||
.sw-badge-sm .sw-badge-nm{font-size:14px}
|
||||
.sw-badge-md .sw-badge-nm{font-size:17px}
|
||||
.sw-badge-lg .sw-badge-nm{font-size:28px; font-weight:700}
|
||||
/* 顶栏主标题:图标 + 「XX 反馈系统」,要明显大于正文 */
|
||||
.sw-badge-brand .sw-badge-nm{font-size:22px; font-weight:700; letter-spacing:.2px}
|
||||
@media (max-width:560px){
|
||||
/* 窄屏收一点,避免把「全部问题 / 管理后台」挤掉 */
|
||||
.sw-badge-brand .sw-badge-nm{font-size:18px}
|
||||
}
|
||||
/* 页头副行:图标 + 软件名 */
|
||||
.page-sw-id{margin:0; display:flex; align-items:center}
|
||||
/* 提交页顶部的软件上下文条:同样无背景色,只留一行轻分隔 */
|
||||
.sw-context{
|
||||
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
|
||||
|
||||
Reference in New Issue
Block a user