Skip to content

Commit 3aa18ed

Browse files
committed
fix: double Windows settings sidebar width
1 parent 1ff3710 commit 3aa18ed

1 file changed

Lines changed: 11 additions & 4 deletions

File tree

‎src/features/settings/SettingsWorkspace.vue‎

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,7 @@ onBeforeUnmount(() => {
151151
<section
152152
class="settings settings-workspace"
153153
:class="{ 'native-settings-window': nativeWindow }"
154+
:style="{ '--settings-sidebar-scale': platform === 'win32' ? 2 : 1 }"
154155
role="dialog"
155156
:aria-label="t('settings.title')"
156157
:data-section="section"
@@ -303,7 +304,7 @@ section.settings.settings-workspace[data-section] {
303304
max-height: none;
304305
padding: 0;
305306
display: grid;
306-
grid-template-columns: 114px minmax(0, 1fr);
307+
grid-template-columns: calc(114px * var(--settings-sidebar-scale, 1)) minmax(0, 1fr);
307308
gap: 0;
308309
overflow: hidden;
309310
border: 0;
@@ -324,7 +325,13 @@ section.settings.settings-workspace.native-settings-window[data-section] {
324325
border-radius: 0;
325326
box-shadow: none;
326327
background: transparent;
327-
grid-template-columns: clamp(132px, 18.78%, 180px) minmax(0, 1fr);
328+
grid-template-columns:
329+
clamp(
330+
calc(132px * var(--settings-sidebar-scale, 1)),
331+
calc(18.78% * var(--settings-sidebar-scale, 1)),
332+
calc(180px * var(--settings-sidebar-scale, 1))
333+
)
334+
minmax(0, 1fr);
328335
transform: none;
329336
transition: none;
330337
}
@@ -968,7 +975,7 @@ section.settings.settings-workspace
968975
969976
@media (max-width: 760px) {
970977
section.settings.settings-workspace:not(.native-settings-window)[data-section] {
971-
grid-template-columns: 93.6px minmax(0, 1fr);
978+
grid-template-columns: calc(93.6px * var(--settings-sidebar-scale, 1)) minmax(0, 1fr);
972979
width: calc(100vw - 20px);
973980
}
974981
.settings-categories {
@@ -993,7 +1000,7 @@ section.settings.settings-workspace
9931000
}
9941001
@media (max-width: 520px) {
9951002
section.settings.settings-workspace:not(.native-settings-window)[data-section] {
996-
grid-template-columns: 67.2px minmax(0, 1fr);
1003+
grid-template-columns: calc(67.2px * var(--settings-sidebar-scale, 1)) minmax(0, 1fr);
9971004
}
9981005
.category-button {
9991006
font-size: 11px;

0 commit comments

Comments
 (0)