chore: add model file ux

2025-03-25 12:33:29 +08:00
parent 05ef2b8eaa
commit dca7a6f270
26 changed files with 1160 additions and 330 deletions
@@ -0,0 +1,40 @@
+import styled from 'styled-components';
+import { INPUTHEIGHT, INPUT_INNER_PADDING } from '../config';
+
+const SliderWrapper = styled.div`
+  padding-block: 0;
+  padding-inline: 2px;
+  input.ant-input-number-input {
+    text-align: center !important;
+    flex: 1;
+    height: ${INPUTHEIGHT}px !important;
+    padding-block: 5px;
+    padding-inline: ${INPUT_INNER_PADDING}px;
+  }
+  .slider-label {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    width: 100%;
+
+    .val {
+      color: var(--ant-color-text);
+    }
+
+    .label-val {
+      position: absolute !important;
+      top: -14px;
+      right: -14px;
+      width: 80px;
+      border-radius: var(--border-radius-base);
+      text-align: center;
+      border: 1px solid var(--ant-color-border) !important;
+
+      .ant-input-number-input {
+        text-align: center !important;
+      }
+    }
+  }
+`;
+
+export default SliderWrapper;