jselesan/playzer
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

feat: update styles for HomePage and RootLayout, adjust background color in CSS

Browse Source
This commit is contained in:
Jose Selesan
2026-04-24 15:32:49 -03:00
parent fb19458ddf
commit 82dbc8ad99
3 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/frontend/src/features/home/home-page.tsx
View File

@@ -757,15 +757,12 @@ export function HomePage() {
<div className="mt-4 space-y-4">
{groupedBookings.map(([date, bookings]) => (
<article
key={date}
className="rounded-2xl border border-border/70 bg-background p-4"
>
<article key={date} className="rounded-2xl border border-border/70 bg-card p-4">
<div className="flex items-center justify-between gap-3">
<h2 className="text-sm font-semibold capitalize">
{formatDateLabel(date, todayIso)}
</h2>
<span className="rounded-full border border-border/70 bg-card px-3 py-1 text-[11px] font-medium text-muted-foreground">
<span className="rounded-full border border-border/70 bg-background px-3 py-1 text-[11px] font-medium text-muted-foreground">
{bookings.length} reservas
</span>
</div>

4
apps/frontend/src/features/layout/root-layout.tsx
View File

@@ -142,10 +142,6 @@ export function RootLayout() {
</div>
<div className="flex items-center gap-2">
<div className="hidden items-center gap-2 rounded-full border border-border/70 bg-card px-3 py-1.5 text-xs text-muted-foreground shadow-sm md:flex">
<span className="size-2 rounded-full bg-emerald-500" />
{isAuthenticated ? 'Sesión activa' : 'Modo visitante'}
</div>
<ThemeSwitcher />

2
apps/frontend/src/index.css
View File

@@ -50,7 +50,7 @@
:root {
/* Base colors (retaining the shadcn structure, but with a sports-club identity) */
--background: oklch(0.985 0.01 145);
--background: oklch(0.94 0.01 145);
--foreground: oklch(0.16 0.02 145);
--card: oklch(0.995 0.005 145);
--card-foreground: oklch(0.16 0.02 145);