hamed/clinicpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(admin): 8px control radius + 40px control height (tauri)

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hamed
2026-07-12 21:41:44 +03:30
co-authored by Claude Opus 4.8
parent af2e1179f9
commit d3d09fe0f4
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/admin/styles.css
+11 -11
View File
@@ -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;
}