refactor(ui): localize component styles

2026-08-09 13:47:01 +05:30
parent b6bd5cfcb7
commit 54a93c1d14
37 changed files with 4508 additions and 3832 deletions
@@ -456,4 +456,54 @@ component AdvancedSelect {
      >{validationMessage}</small>
    </div>
  }
+
+  style {
+    .wire-next__select-search {
+      position: relative;
+      display: block;
+    }
+
+    .wire-next__select-search input {
+      padding-left: 2.25em;
+    }
+
+    .wire-next__select-tags {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.4rem;
+    }
+
+    .wire-next__select-tags > span {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.35rem;
+      padding: 0.3rem 0.55rem;
+      border-radius: 999px;
+      color: var(--wire-component-color);
+      background: color-mix(in srgb, var(--wire-component-color) 12%, transparent);
+      font-size: 0.75em;
+      font-weight: 700;
+    }
+
+    .wire-next__select-tags img {
+      width: 1.25rem;
+      height: 1.25rem;
+      border-radius: 50%;
+      object-fit: cover;
+    }
+
+    .wire-next__select-value {
+      display: flex;
+      min-width: 0;
+      align-items: center;
+      gap: 0.55em;
+    }
+
+    .wire-next__placeholder {
+      overflow: hidden;
+      color: var(--wire-color-muted);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
 }