JohnCosta27/savevictoriaway
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Increase description text size and card color on print

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-26 13:12:18 +00:00
parent 7d07a19545
commit 4d6435052e
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/StatCard.tsx
View File

@ -9,10 +9,10 @@ interface StatCardProps {
export const StatCard = ({ icon: Icon, number, label }: StatCardProps) => { export const StatCard = ({ icon: Icon, number, label }: StatCardProps) => {
return ( return (
<Card className="p-6 text-center bg-card shadow-[var(--shadow-card)] border-border"> <Card className="stat-card p-6 text-center bg-card shadow-[var(--shadow-card)] border-border">
<Icon className="w-12 h-12 mx-auto mb-4 text-primary" /> <Icon className="w-12 h-12 mx-auto mb-4 text-primary" />
<p className="text-4xl font-bold text-primary mb-2">{number}</p> <p className="stat-number text-4xl font-bold text-primary mb-2">{number}</p>
<p className="text-muted-foreground">{label}</p> <p className="stat-label text-muted-foreground">{label}</p>
</Card> </Card>
); );
}; };

14
src/pages/Briefing.tsx
View File

@ -57,6 +57,16 @@ const Briefing = () => {
.stat-grid { .stat-grid {
margin: 1.5rem 0 !important; margin: 1.5rem 0 !important;
} }
.stat-card {
border-color: black !important;
}
.stat-card svg,
.stat-card .stat-number,
.stat-card .stat-label {
color: black !important;
}
} }
`}</style> `}</style>
{/* Header */} {/* Header */}
@ -68,10 +78,10 @@ const Briefing = () => {
<p className="text-3xl md:text-4xl text-foreground font-bold mb-4 print:text-2xl print:text-black"> <p className="text-3xl md:text-4xl text-foreground font-bold mb-4 print:text-2xl print:text-black">
Dear Enterprise Place Residents Dear Enterprise Place Residents
</p> </p>
<p className="text-xl md:text-2xl text-foreground max-w-3xl mx-auto mt-4 font-semibold print:text-lg print:text-black"> <p className="text-2xl md:text-3xl text-foreground max-w-3xl mx-auto mt-4 font-semibold print:text-2xl print:text-black">
Our carpark was closed. We now walk through town to reach our cars. Our carpark was closed. We now walk through town to reach our cars.
</p> </p>
<p className="text-xl md:text-2xl text-foreground max-w-3xl mx-auto mt-2 font-bold print:text-lg print:text-black"> <p className="text-2xl md:text-3xl text-foreground max-w-3xl mx-auto mt-2 font-bold print:text-2xl print:text-black">
This is not safe. This is not sustainable. This is not safe. This is not sustainable.
</p> </p>
</div> </div>