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;
flex-direction: column;
align-items: stretch;
gap: var(--spacing-m);
gap: var(--spacing-xs);
.color_preview {
aspect-ratio: 4 / 1;
}

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

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

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

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

10
src/variables.css
View File

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