feat: add global search pagination saved filters mobile ux and email settings
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
--jc-border: #e8eaf2;
|
||||
--jc-shadow: 0 14px 38px rgba(20, 28, 55, .08);
|
||||
}
|
||||
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.brand-preview{max-width:220px;max-height:90px;object-fit:contain;border:1px solid var(--jc-border);border-radius:10px;padding:8px;background:#fff}
|
||||
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.brand-preview{max-width:220px;max-height:90px;object-fit:contain;border:1px solid var(--jc-border);border-radius:10px;padding:8px;background:#fff}.nav-search{max-width:520px;width:100%}.technician-bottom-nav{display:none}
|
||||
* { box-sizing: border-box; }
|
||||
body { background: var(--jc-bg); color: var(--jc-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.01em; }
|
||||
a { color: var(--jc-primary); }
|
||||
@@ -45,8 +45,14 @@ main { min-width: 0; }
|
||||
@media (max-width: 767.98px) {
|
||||
.desktop-table { display: none; }
|
||||
.mobile-card { display: block; }
|
||||
.sidebar-link { padding: .55rem .7rem; }
|
||||
.client-tabs { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; }
|
||||
.sidebar-link { padding: .75rem .8rem; min-height:44px; }
|
||||
.btn, .form-control, .form-select { min-height:44px; }
|
||||
.technician-bottom-nav { display:flex; position:fixed; z-index:1030; left:0; right:0; bottom:0; background:#fff; border-top:1px solid var(--jc-border); box-shadow:0 -8px 24px rgba(20,28,55,.12); padding:.45rem; justify-content:space-around; }
|
||||
.technician-bottom-nav a { color:var(--jc-primary); font-weight:700; text-decoration:none; padding:.55rem .8rem; }
|
||||
body:has(.technician-bottom-nav) { padding-bottom:74px; }
|
||||
.nav-search { max-width:none; }
|
||||
main { padding-bottom:1.5rem; }
|
||||
|
||||
.client-tab { white-space: nowrap; padding: .62rem .8rem; }
|
||||
}
|
||||
@media (min-width: 768px) { .mobile-card { display: none; } }
|
||||
|
||||
Reference in New Issue
Block a user