mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-08-10 06:14:07 +08:00
style: 统一滚动条外观并将投稿应用窗口改为圆角
- 滚动条:主进程对 Linux 关闭 overlay 滚动条 (disable-features=OverlayScrollbar),使 CSS ::-webkit-scrollbar 自定义生效; 全局统一定义亮色 #94a3b8 / 暗色 #15203b(带极淡描边),宽度 0.75rem,亮暗一致。 - 投稿页:修复滚动条贯穿整个窗口、侵入标题栏(改为 flex 分栏, 标题栏 shrink-0,内容区单独滚动)。 - 应用管理页:移除 scrollbar-nowidth 隐藏与 scrollbar-thumb-* 覆盖色, 改由全局规则统一,与其他页面一致。 - 圆角页面:投稿页与已安装应用页滚动容器内缩 (mr-4 mb-4), 避免滚动条滚入圆角被裁切。 - 投稿应用窗口:独立窗口改为透明圆角窗口 (transparent + rounded-3xl + shadow-2xl), 与弹框风格统一;挂载时 body 背景透明以露出圆角。 - 标题栏:左上角蓝色圆点替换为软件图标 spark-store.svg。 - 更新中心:搜索框对齐主页样式(左侧图标、统一圆角与配色)。
This commit is contained in:
@@ -448,6 +448,7 @@ export function registerSubmitterHandlers(
|
||||
width: 800,
|
||||
height: 900,
|
||||
frame: false,
|
||||
transparent: true,
|
||||
show: false,
|
||||
autoHideMenuBar: true,
|
||||
icon: path.join(process.env.VITE_PUBLIC!, "favicon.ico"),
|
||||
|
||||
@@ -72,6 +72,13 @@ if (!app.requestSingleInstanceLock()) {
|
||||
import "./backend/install-manager.js";
|
||||
import "./handle-url-scheme.js";
|
||||
|
||||
// 关闭 Linux 的覆盖式(overlay)滚动条,强制使用经典滚动条,
|
||||
// 否则 GTK overlay 滚动条会忽略渲染进程的 ::-webkit-scrollbar 颜色,
|
||||
// 导致暗色模式下滚动条始终是原生灰色。必须在 app ready 前设置。
|
||||
if (process.platform === "linux") {
|
||||
app.commandLine.appendSwitch("disable-features", "OverlayScrollbar");
|
||||
}
|
||||
|
||||
const logger = pino({ name: "index.ts" });
|
||||
const FLARUM_TOKEN_URL = "https://bbs.spark-app.store/api/token";
|
||||
|
||||
|
||||
Reference in New Issue
Block a user