Add shared empty states, customer product filters, and SSO handoff across dashboards.

Standardize list empty UI, searchable country fields, customer-products filter row, password/login polish, and one-time business dashboard handoff from the customer app.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-19 19:46:57 +03:30
co-authored by Cursor
parent 832ac32a09
commit f8a9a28346
55 changed files with 1264 additions and 907 deletions
+42 -16
View File
@@ -6,7 +6,7 @@
justify-content: center;
padding: 24px;
position: relative;
gap: 20px;
gap: 16px;
}
.card {
@@ -14,7 +14,7 @@
z-index: 1;
width: 100%;
max-width: 420px;
padding: 36px 32px 32px;
padding: 24px 32px 28px;
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
@@ -26,40 +26,64 @@
.brand {
display: flex;
align-items: center;
justify-content: flex-start;
justify-content: center;
gap: 16px;
position: relative;
z-index: 1;
width: 100%;
max-width: 420px;
}
.cardHeader {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 28px;
}
.heading {
display: flex;
flex-direction: column;
min-width: 0;
flex: 1;
gap: 2px;
}
.langSelect {
flex-shrink: 0;
margin-inline-start: auto;
}
.logo {
display: block;
width: 48px;
height: 48px;
width: 64px;
height: 64px;
object-fit: contain;
background: transparent;
flex-shrink: 0;
border-radius: var(--radius-sm);
}
.brandText {
display: flex;
flex-direction: column;
text-align: start;
}
.businessName {
font-size: 15px;
font-weight: 600;
font-size: 20px;
font-weight: 700;
color: var(--text-primary);
line-height: 1.2;
line-height: 1.25;
}
.appName {
font-size: 12px;
font-size: 13px;
font-weight: 500;
color: var(--text-muted);
margin-top: 2px;
text-transform: uppercase;
letter-spacing: 0.14em;
}
.poweredBy {
@@ -77,18 +101,20 @@
}
.title {
font-size: 24px;
font-size: 20px;
font-weight: 700;
color: var(--text-primary);
text-align: center;
margin-bottom: 6px;
text-align: start;
margin: 0;
line-height: 1.2;
}
.subtitle {
font-size: 14px;
font-size: 13px;
color: var(--text-secondary);
text-align: center;
margin-bottom: 28px;
text-align: start;
margin: 0;
line-height: 1.3;
}
.backBtn {
@@ -98,7 +124,7 @@
font-size: 13px;
font-weight: 500;
color: var(--text-secondary);
margin-bottom: 16px;
margin-bottom: 12px;
transition: color 0.2s;
}