Mahdi/CRM_Montzar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): standardize design system, modals, sidebar, and form inputs

Browse Source 
- Implement unified design system tokens, 10px radius, and IRANSans typography
- Modernize sidebar with Gemini-style collapsed expander, square 1:1 items, and elevated profile flyout
- Standardize all modal dialogs with 16px padding, fixed header/footer, 16px medium title, and sticky bottom actions
- Refactor DealFormView and CustomFieldsSection with standard UiField, UiInput, and UiSelect components
- Add draggable bottom-left QuickCreate floating action button
This commit is contained in:
s.esmaeili
2026-09-12 01:33:07 +03:30
parent 9a991fc1f1
commit 1ae87c97b7
87 changed files with 7844 additions and 5718 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/automations/AutomationCanvas.vue
+7 -7
View File
@@ -224,7 +224,7 @@ function nodeClass(step: AutomationStep) {
width: 100%;
min-width: 0;
min-height: 22rem;
border-radius: 16px;
border-radius: var(--radius);
overflow: auto;
background-color: #f3f6f5;
background-image: radial-gradient(#c9d4cf 1.1px, transparent 1.2px);
@@ -254,7 +254,7 @@ function nodeClass(step: AutomationStep) {
gap: 0.7rem;
text-align: start;
padding: 0.72rem 0.8rem;
border-radius: 12px;
border-radius: var(--radius);
border: 1px solid #d5ddd8;
background: #fff;
box-shadow: 0 10px 24px rgba(23, 33, 28, 0.06);
@@ -273,7 +273,7 @@ function nodeClass(step: AutomationStep) {
}
.node.action:not(.condition) {
border-radius: 10px;
border-radius: var(--radius);
border-inline-start-width: 5px;
}
@@ -325,7 +325,7 @@ function nodeClass(step: AutomationStep) {
.icon {
width: 2.35rem;
height: 2.35rem;
border-radius: 12px;
border-radius: var(--radius);
display: grid;
place-items: center;
flex-shrink: 0;
@@ -350,7 +350,7 @@ function nodeClass(step: AutomationStep) {
}
.node.condition .icon {
border-radius: 8px;
border-radius: var(--radius);
color: #b45309;
background: #ffedd5;
}
@@ -369,7 +369,7 @@ function nodeClass(step: AutomationStep) {
strong {
font-size: 0.88rem;
font-weight: 800;
font-weight: 600;
color: #0f172a;
}
@@ -472,7 +472,7 @@ em {
margin-top: 1rem;
background: #fff;
border: 1px solid #d5ddd8;
border-radius: 14px;
border-radius: var(--radius);
padding: 0.85rem;
display: grid;
gap: 0.65rem;
apps/web/src/components/automations/AutomationInspector.vue
+3 -3
View File
@@ -278,14 +278,14 @@ watch(
padding: 1rem;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
border-radius: var(--radius);
min-width: 0;
}
h2 {
margin: 0;
font-size: 0.98rem;
font-weight: 800;
font-weight: 600;
}
.hint {
@@ -312,7 +312,7 @@ input,
select,
textarea {
border: 1px solid #e2e8f0;
border-radius: 12px;
border-radius: var(--radius);
padding: 0.55rem 0.7rem;
font: inherit;
color: #0f172a;