Create Select component

2025-09-09 13:31:55 +02:00
parent 4d0722d282
commit 676a2ac869
3 changed files with 68 additions and 0 deletions
--- a/webui/src/common/components/Select/styles.sass
+++ b/webui/src/common/components/Select/styles.sass
@@ -0,0 +1,30 @@
+.field-select
+  appearance: none
+  background: transparent
+  border: 0
+  color: var(--text)
+  font: inherit
+  font-size: 1rem
+  font-weight: 500
+  width: 100%
+  line-height: 1.3
+  outline: none
+  cursor: pointer
+  padding-right: 2.5rem
+  
+  &:focus
+    outline: none
+  
+  &:disabled
+    opacity: 0.6
+    cursor: not-allowed
+
+.field-control.has-icon .field-icon--right
+  position: absolute
+  right: 1rem
+  top: 50%
+  transform: translateY(-50%)
+  pointer-events: none
+  color: var(--text-dim)
+  display: inline-flex
+  z-index: 1