xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整留白的尺寸。

Browse Source
This commit is contained in:
徐涛 2025-01-01 08:37:12 +08:00
parent cbcdc543f2
commit f86bea13cd
4 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ColorPicker.module.css
View File

@ -4,7 +4,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
gap: var(--spacing-m); gap: var(--spacing-xs);
.color_preview { .color_preview {
aspect-ratio: 4 / 1; aspect-ratio: 4 / 1;
} }

1
src/page-components/harmonies/HarmonyPreview.module.css
View File

@ -5,6 +5,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
h5 { h5 {
padding-block: var(--spacing-m);
font-size: var(--font-size-m); font-size: var(--font-size-m);
} }
.color_blocks { .color_blocks {

4
src/pages/Harmonies.module.css
View File

@ -8,6 +8,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: stretch; align-items: stretch;
gap: var(--spacing-m);
} }
.function_side { .function_side {
display: flex; display: flex;
@ -18,9 +19,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
gap: var(--spacing-xs); gap: var(--spacing-s);
} }
h5 { h5 {
padding-block: var(--spacing-m);
font-size: var(--font-size-m); font-size: var(--font-size-m);
} }
} }

10
src/variables.css
View File

@ -75,11 +75,11 @@
--spacing-n: calc(var(--spacing) * 0); --spacing-n: calc(var(--spacing) * 0);
--spacing-xxs: calc(var(--spacing) * 1); --spacing-xxs: calc(var(--spacing) * 1);
--spacing-xs: calc(var(--spacing) * 2); --spacing-xs: calc(var(--spacing) * 2);
--spacing-s: calc(var(--spacing) * 3); --spacing-s: calc(var(--spacing) * 4);
--spacing-m: calc(var(--spacing) * 4); --spacing-m: calc(var(--spacing) * 8);
--spacing-l: calc(var(--spacing) * 6); --spacing-l: calc(var(--spacing) * 12);
--spacing-xl: calc(var(--spacing) * 8); --spacing-xl: calc(var(--spacing) * 16);
--spacing-xxl: calc(var(--spacing) * 12); --spacing-xxl: calc(var(--spacing) * 20);
--border-radius: 2px; --border-radius: 2px;
--border-radius-n: calc(var(--border-radius) * 0); --border-radius-n: calc(var(--border-radius) * 0);