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

调整修复ColorWheel的布局和形成。

Browse Source
This commit is contained in:
徐涛 2025-01-05 08:32:10 +08:00
parent 69afcc369e
commit 837a01467c
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/page-components/wheels/ColorColumn.module.css
View File

@ -11,17 +11,22 @@
} }
} }
.color_column { .color_column {
clip-path: polygon(38.5% 0px, 50% 100%, 61.25% 0px); clip-path: polygon(23.21% 0%, 50% 100%, 76.79% 0%);
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 15rem;
aspect-ratio: 1 / 1;
transform-origin: center bottom; transform-origin: center bottom;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
gap: var(--spacing-n);
} }
.color_block { .color_block {
position: relative; position: relative;
height: 1.5em; flex-grow: 1;
width: 100%;
.bg { .bg {
position: absolute; position: absolute;
inset: 0; inset: 0;