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
@@ -37,4 +37,39 @@ size: string = "default"
      <div class="wire-next__upload-actions">{#if currentStatus === "uploading"}<button type="button" @click="cancelUpload(event)">{cancelLabel}</button><button type="button" @click="completeUpload(event)">Complete</button>{/if}{#if currentStatus === "error" || currentStatus === "cancelled"}<button type="button" @click="retryUpload(event)">{retryLabel}</button>{/if}</div>
    </div>
  }
+
+  style {
+    .wire-next--file-upload-progress {
+      display: grid;
+      width: min(100%, 36rem);
+      gap: 0.75rem;
+      padding: 1rem;
+      border: 1px solid var(--wire-color-border);
+      border-radius: var(--wire-radius-md);
+      background: var(--wire-color-surface);
+      box-shadow: var(--wire-shadow-1);
+    }
+
+    .wire-next--file-upload-progress progress {
+      width: 100%;
+      height: 0.55rem;
+      overflow: hidden;
+      border: 0;
+      border-radius: 999px;
+      accent-color: var(--wire-component-color);
+    }
+
+    .wire-next__upload-actions {
+      justify-content: flex-end;
+    }
+
+    .wire-next__upload-actions button {
+      min-height: 2.25rem;
+      padding-inline: 0.8rem;
+      border: 1px solid var(--wire-color-border);
+      border-radius: var(--wire-radius-sm);
+      background: var(--wire-color-surface-2);
+      color: inherit;
+    }
+  }
 }