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

2025-01-05 08:32:10 +08:00
parent 69afcc369e
commit 837a01467c
1 changed files with 9 additions and 4 deletions
--- a/src/page-components/wheels/ColorColumn.module.css
+++ b/src/page-components/wheels/ColorColumn.module.css
@@ -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;