From d3d09fe0f4fb53a2e7674f714ec5ad7fa983bd24 Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Sun, 12 Jul 2026 21:41:44 +0330
Subject: [PATCH] style(admin): 8px control radius + 40px control height
 (tauri)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 assets/admin/styles.css | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/assets/admin/styles.css b/assets/admin/styles.css
index 2473f784..ef1d9cc5 100644
--- a/assets/admin/styles.css
+++ b/assets/admin/styles.css
@@ -57,7 +57,7 @@
   --shadow-sm:  0 1px 2px rgba(15,27,46,.06), 0 1px 3px rgba(15,27,46,.05);
   --shadow:     0 2px 6px rgba(15,27,46,.06), 0 8px 24px rgba(15,27,46,.06);
   --shadow-lg:  0 12px 32px rgba(15,27,46,.12), 0 4px 10px rgba(15,27,46,.06);
-  --r-xs: 7px; --r-sm: 10px; --r: 14px; --r-lg: 18px; --r-xl: 24px; --r-pill: 999px;
+  --r-xs: 7px; --r-sm: 8px; --r: 14px; --r-lg: 18px; --r-xl: 24px; --r-pill: 999px;
   --gap: 20px;
   --card-pad: 22px;
   --row-h: 56px;
@@ -200,7 +200,7 @@ body {
   }
 
   .cp-input {
-    width: 100%; height: 42px;
+    width: 100%; height: 40px;
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: var(--r-sm);
@@ -221,7 +221,7 @@ body {
   .cp-textarea::placeholder { color: var(--text-3); }
 
   .cp-select {
-    width: 100%; height: 42px;
+    width: 100%; height: 40px;
     background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-sm);
     padding: 0 14px; font-size: 14px; color: var(--text);
     outline: none; transition: border-color .15s, box-shadow .15s;
@@ -234,7 +234,7 @@ body {
 
   .cp-btn-primary {
     display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-    height: 42px; padding: 0 18px; border-radius: var(--r-sm);
+    height: 40px; padding: 0 18px; border-radius: var(--r-sm);
     font-size: 14px; font-weight: 700; white-space: nowrap; border: none; cursor: pointer;
     background: var(--primary); color: var(--on-primary); box-shadow: 0 4px 14px var(--ring);
     transition: background .16s;
@@ -244,7 +244,7 @@ body {
 
   .cp-btn-secondary {
     display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-    height: 42px; padding: 0 18px; border-radius: var(--r-sm);
+    height: 40px; padding: 0 18px; border-radius: var(--r-sm);
     font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer;
     background: var(--surface); color: var(--text); border: 1px solid var(--border);
     transition: .16s;
@@ -254,7 +254,7 @@ body {
 
   .cp-btn-danger {
     display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-    height: 42px; padding: 0 18px; border-radius: var(--r-sm);
+    height: 40px; padding: 0 18px; border-radius: var(--r-sm);
     font-size: 14px; font-weight: 700; white-space: nowrap; border: none; cursor: pointer;
     background: var(--danger); color: #fff; transition: .16s;
   }
@@ -263,7 +263,7 @@ body {
 
   .cp-btn-ghost {
     display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-    height: 42px; padding: 0 18px; border-radius: var(--r-sm);
+    height: 40px; padding: 0 18px; border-radius: var(--r-sm);
     font-size: 14px; font-weight: 600; white-space: nowrap; border: none; cursor: pointer;
     background: transparent; color: var(--text-2); transition: .16s;
   }
@@ -432,7 +432,7 @@ body {
 .topbar-search {
   display: flex; align-items: center; gap: 9px; flex: 1; max-width: 360px;
   background: var(--surface); border: 1px solid var(--border);
-  border-radius: var(--r-pill); padding: 0 14px; height: 42px; color: var(--text-3);
+  border-radius: var(--r-pill); padding: 0 14px; height: 40px; color: var(--text-3);
   transition: .18s;
 }
 .topbar-search:focus-within { border-color: var(--primary); box-shadow: 0 0 0 4px var(--ring); }
@@ -530,7 +530,7 @@ body {
 /* ── Buttons ─────────────────────────────────────────────────── */
 .btn {
   display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-  height: 42px; padding: 0 18px; border-radius: var(--r-sm);
+  height: 40px; padding: 0 18px; border-radius: var(--r-sm);
   font-size: 14px; font-weight: 700; transition: .16s var(--ease); white-space: nowrap;
   border: 1px solid transparent; cursor: pointer; font-family: inherit;
 }
@@ -582,7 +582,7 @@ table.t tbody tr:last-child td { border-bottom: none; }
 .toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
 .toolbar .spacer { flex: 1; }
 .field {
-  display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px;
+  display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px;
   background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-sm); color: var(--text-2);
   transition: .15s;
 }
@@ -664,7 +664,7 @@ table.t tbody tr:last-child td { border-bottom: none; }
 .input:focus { border-color: var(--primary); background: var(--surface); box-shadow: 0 0 0 4px var(--ring); }
 .input.err { border-color: var(--danger); }
 .slot-select {
-  height: 42px; padding: 0 12px; border-radius: var(--r-sm);
+  height: 40px; padding: 0 12px; border-radius: var(--r-sm);
   background: var(--surface); border: 1px solid var(--border); color: var(--text);
   outline: none; transition: .15s; font-family: inherit; font-size: 14px;
 }