mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-11-12 07:21:01 +08:00
refactor(display): 移除字体大小设置,仅保留界面整体缩放
用户实测发现仅调字体到特大/超大时主页面卡片布局遮挡,且字体大小 与界面缩放功能效果高度重叠。故采用方案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:
@@ -39,20 +39,20 @@
|
||||
<div class="flex shrink-0 gap-1">
|
||||
<span
|
||||
v-if="showMergedBadge"
|
||||
class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400"
|
||||
class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400"
|
||||
>
|
||||
SPARK/APM
|
||||
</span>
|
||||
<template v-else>
|
||||
<span
|
||||
v-if="showSparkBadge"
|
||||
class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
|
||||
class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
|
||||
>
|
||||
Spark
|
||||
</span>
|
||||
<span
|
||||
v-if="showApmBadge"
|
||||
class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
|
||||
class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
|
||||
>
|
||||
APM
|
||||
</span>
|
||||
@@ -60,7 +60,7 @@
|
||||
</div>
|
||||
<span
|
||||
v-if="downloadCount"
|
||||
class="ml-auto shrink-0 text-[0.625rem] text-slate-400 dark:text-slate-500"
|
||||
class="ml-auto shrink-0 text-[10px] text-slate-400 dark:text-slate-500"
|
||||
>{{ formatDownloads(downloadCount) }}</span
|
||||
>
|
||||
</div>
|
||||
@@ -72,7 +72,7 @@
|
||||
</div>
|
||||
<div
|
||||
class="truncate leading-tight text-slate-500 dark:text-slate-400"
|
||||
:class="compact ? 'text-[0.6875rem]' : 'text-xs'"
|
||||
:class="compact ? 'text-[11px]' : 'text-xs'"
|
||||
>
|
||||
{{ description || "\u00A0" }}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user