spark-store-project/spark-store
15
0
Fork 0
mirror of https://gitee.com/spark-store-project/spark-store synced 2026-11-07 04:51:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(display): 移除字体大小设置，仅保留界面整体缩放

Browse Source 
用户实测发现仅调字体到特大/超大时主页面卡片布局遮挡，且字体大小
与界面缩放功能效果高度重叠。故采用方案1：删除字体大小入口，放大
统一由 Electron setZoomFactor 处理（整体等比缩放，不破坏布局）。

- displaySettings.ts：移除 FontSizeOption/FONT_SIZE_OPTIONS/applyFontSize/
  setFontSize/initFontSize 等全部字体相关导出，仅保留界面缩放
- App.vue：移除 initFontSize 导入与调用
- SettingsModal.vue：删除「字体大小」卡片及所有相关逻辑，仅留「界面缩放」
- 还原 8 个组件中当初为字体联动改写的 rem 为原始 px（10/11/12/13/15px），
  消除对 html font-size 的依赖，卡片布局不再因字号变化溢出
This commit is contained in:
xiyidaiwa
2026-08-18 00:15:24 +08:00
parent ede1a1269f
commit 81567f8351
14 changed files with 53 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/update-center/UpdateCenterItem.vue
+9 -9
View File
@@ -42,25 +42,25 @@
{{ item.displayName }}
</p>
<span
class="shrink-0 rounded-full bg-slate-100 px-2 py-0.5 text-[0.625rem] font-semibold text-slate-600 dark:bg-slate-800 dark:text-slate-200"
class="shrink-0 rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-semibold text-slate-600 dark:bg-slate-800 dark:text-slate-200"
>
{{ sourceLabel }}
</span>
<span
v-if="item.ignored === true"
class="shrink-0 rounded-full bg-slate-200 px-2 py-0.5 text-[0.625rem] font-semibold text-slate-500 dark:bg-slate-800 dark:text-slate-300"
class="shrink-0 rounded-full bg-slate-200 px-2 py-0.5 text-[10px] font-semibold text-slate-500 dark:bg-slate-800 dark:text-slate-300"
>
已忽略
</span>
<span
v-else-if="item.held === true && !forced"
class="shrink-0 rounded-full bg-amber-200 px-2 py-0.5 text-[0.625rem] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-200"
class="shrink-0 rounded-full bg-amber-200 px-2 py-0.5 text-[10px] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-200"
>
已锁定
</span>
<span
v-else-if="item.held === true && forced"
class="shrink-0 rounded-full bg-amber-500 px-2 py-0.5 text-[0.625rem] font-semibold text-white dark:bg-amber-500"
class="shrink-0 rounded-full bg-amber-500 px-2 py-0.5 text-[10px] font-semibold text-white dark:bg-amber-500"
>
将强制
</span>
@@ -84,16 +84,16 @@
class="flex shrink-0 flex-col items-end gap-0.5"
>
<span
class="text-[0.6875rem] font-semibold text-brand dark:text-amber-300"
class="text-[11px] font-semibold text-brand dark:text-amber-300"
>{{ timeLabel }}</span
>
<span class="text-[0.625rem] text-slate-400">{{ sizeLabel }}</span>
<span class="text-[10px] text-slate-400">{{ sizeLabel }}</span>
</div>
<div v-else-if="!task" class="flex shrink-0 flex-col items-end gap-0.5">
<span class="text-[0.6875rem] font-semibold text-slate-400">{{
<span class="text-[11px] font-semibold text-slate-400">{{
timeLabel
}}</span>
<span class="text-[0.625rem] text-slate-400">{{ sizeLabel }}</span>
<span class="text-[10px] text-slate-400">{{ sizeLabel }}</span>
</div>
<!-- 强制安装开关：仅对被系统锁定（held）的包显示 -->
@@ -116,7 +116,7 @@
:class="forced ? 'translate-x-[16px]' : 'translate-x-[2px]'"
></span>
</button>
<span class="text-[0.625rem] text-slate-400">强制</span>
<span class="text-[10px] text-slate-400">强制</span>
</div>
<button