|
|
@@ -1,6 +1,7 @@
|
|
|
:host { display: block; min-height: 100%; background: var(--surface-muted); }
|
|
|
.records-page { min-height: 100%; }
|
|
|
.filter-row { display: grid; position: relative; z-index: 50; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 16px; background: white; border-bottom: 1px solid var(--line); gap: 10px; }
|
|
|
+.records-page > .filter-row { overflow: visible !important; }
|
|
|
.filter-row label { display: grid; gap: 5px; }
|
|
|
.filter-row label:only-child { grid-column: 1 / -1; }
|
|
|
.filter-row span { color: var(--ink-soft); font-size: 11px; }
|
|
|
@@ -13,7 +14,6 @@
|
|
|
.date-trigger { display: flex; width: 100%; height: 48px; align-items: center; justify-content: space-between; padding: 0 14px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: var(--radius-md); }
|
|
|
.date-trigger b { overflow: hidden; font-size: 16px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
|
|
|
.date-trigger.placeholder b { color: var(--ink-faint); }
|
|
|
-.date-trigger lucide-icon { color: var(--brand-strong); }
|
|
|
.date-picker-backdrop { position: fixed; inset: 0; z-index: 999; background: transparent; border: 0; }
|
|
|
.date-picker-popover { position: absolute; top: calc(100% + 8px); right: 0; z-index: 1000; width: min(520px, calc(100vw - 32px)); padding: 16px; background: white; border: 1px solid color-mix(in srgb, var(--brand) 18%, var(--line)); border-radius: 22px; box-shadow: 0 18px 44px rgb(15 84 70 / 18%); }
|
|
|
.date-picker-popover header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; gap: 12px; }
|
彭峰