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