s.esmaeili/crm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align controls to 36/10 and make create modals full-screen on mobile.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mahdi
2026-09-10 23:45:11 +03:30
co-authored by Cursor
parent 212d02f664
commit 535c428270
36 changed files with 454 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/views/ProductsSettingsView.vue
+22 -10
View File
@@ -495,11 +495,14 @@ h1 {
align-items: center;
gap: 0.35rem;
border: 0;
border-radius: 12px;
padding: 0.65rem 1rem;
border-radius: var(--radius);
min-height: var(--control-h);
height: var(--control-h);
padding: 0 0.95rem;
font-weight: 700;
text-decoration: none;
cursor: pointer;
box-sizing: border-box;
}
.btn.primary {
background: var(--accent);
@@ -510,7 +513,7 @@ h1 {
border: 1px solid var(--line);
background: var(--surface);
color: var(--text);
border-radius: 12px;
border-radius: var(--radius);
display: inline-flex;
align-items: center;
justify-content: center;
@@ -518,12 +521,15 @@ h1 {
cursor: pointer;
}
.icon-btn {
width: 42px;
height: 42px;
width: var(--control-h);
height: var(--control-h);
}
.ghost-btn {
padding: 0.55rem 0.85rem;
min-height: var(--control-h);
height: var(--control-h);
padding: 0 0.85rem;
font-weight: 600;
box-sizing: border-box;
}
.toolbar {
display: flex;
@@ -538,9 +544,12 @@ h1 {
gap: 0.45rem;
border: 1px solid var(--line);
background: var(--surface);
border-radius: 12px;
padding: 0.55rem 0.75rem;
border-radius: var(--radius);
min-height: var(--control-h);
height: var(--control-h);
padding: 0 0.75rem;
color: var(--muted);
box-sizing: border-box;
}
.search input {
border: 0;
@@ -552,8 +561,11 @@ h1 {
.filter-select {
border: 1px solid var(--line);
background: var(--surface);
border-radius: 12px;
padding: 0.55rem 0.75rem;
border-radius: var(--radius);
min-height: var(--control-h);
height: var(--control-h);
padding: 0 0.75rem;
box-sizing: border-box;
color: var(--text);
min-width: 140px;
}