diff --git a/assets/style.css b/assets/style.css index b44bcba..5c717e4 100644 --- a/assets/style.css +++ b/assets/style.css @@ -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; diff --git a/index.php b/index.php index 25e8c59..9fa7792 100644 --- a/index.php +++ b/index.php @@ -86,19 +86,17 @@ fb_layout_head($sw ? fb_software_site_title($sw) : $headTitle, ['software' => $s
请描述你遇到的问题或想要的功能。提交后会先进入审核,确认为有效问题后才会公开显示;若经确认不是应用的问题,我们会把结论与说明通过邮件发送给你(请填写常用邮箱)。