Lighter content panel (Polar look), equal-height cards, hide card scrollbar

- globals.css: lighten --background (content panel) and deepen --sidebar so
  the panel reads as a lighter neutral charcoal floating on a near-black rail,
  matching the Polar reference. Pure lightness change; panel stays below
  --card so cards still pop.
- patient-cards.tsx: row uses items-stretch so all cards share one height
  (no more ragged/taller cards); add no-scrollbar to hide the horizontal
  scrollbar while keeping scroll.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Khalid Abdi
2026-06-01 19:28:54 +03:00
parent fa32346d2f
commit 011c71a3ad
2 changed files with 3 additions and 3 deletions
+2 -2
View File
@@ -85,7 +85,7 @@
/* Linear-inspired dark palette: near-black canvas, #5e6ad2 indigo accent, hairline borders. */
.dark {
--background: oklch(0.146 0.005 277);
--background: oklch(0.172 0.004 277);
--foreground: oklch(0.98 0.002 277);
--card: oklch(0.193 0.005 277);
--card-foreground: oklch(0.98 0.002 277);
@@ -108,7 +108,7 @@
--chart-3: oklch(0.546 0.245 262.881);
--chart-4: oklch(0.488 0.243 264.376);
--chart-5: oklch(0.424 0.199 265.638);
--sidebar: oklch(0.165 0.005 277);
--sidebar: oklch(0.138 0.004 277);
--sidebar-foreground: oklch(0.98 0.002 277);
--sidebar-primary: oklch(0.556 0.155 277);
--sidebar-primary-foreground: oklch(0.985 0.001 277);
+1 -1
View File
@@ -266,7 +266,7 @@ export function PatientResult({ status, fileNumber, patient }: PatientResultProp
}
return (
<div className="flex w-full snap-x items-start gap-4 overflow-x-auto pb-2">
<div className="no-scrollbar flex w-full snap-x items-stretch gap-4 overflow-x-auto pb-2">
{status === "loading" || !patient ? (
<LoadingCards />
) : (