daniel-gitea/cgr-next-js
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

style: fix badge alignment and stats card responsivenes

Browse Source
This commit is contained in:
Daniel Schulteis
2026-01-29 23:11:14 +01:00
parent e4b5771b8c
commit c77682ff46
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/(backend)/page.tsx
View File

@@ -175,7 +175,7 @@ const Dashboard: React.FC = () => {
</p> </p>
</div> </div>
<div className="flex space-x-3"> <div className="flex space-x-3">
<span className="bg-primary/10 text-primary rounded-full px-3 py-1 text-sm font-medium"> <span className="bg-primary/10 text-primary whitespace-nowrap rounded-full px-3 py-1 text-sm font-medium">
v2.4.0 Live v2.4.0 Live
</span> </span>
</div> </div>

4
components/StatCard/index.tsx
View File

@@ -18,11 +18,11 @@ const StatCard: React.FC<StatCardProps> = ({ label, value, icon: Icon, trend, ch
<Icon className="w-4 h-4 text-foreground" /> <Icon className="w-4 h-4 text-foreground" />
</div> </div>
</div> </div>
<div className="flex items-baseline space-x-2"> <div className="flex items-baseline flex-wrap space-x-2">
<h2 className="text-3xl font-bold text-foreground">{value}</h2> <h2 className="text-3xl font-bold text-foreground">{value}</h2>
{change && ( {change && (
<span <span
className={`flex items-center text-xs font-medium ${ className={`flex items-center text-xs font-medium whitespace-nowrap ${
trend === "up" ? "text-green-600" : trend === "down" ? "text-red-500" : "text-muted-foreground" trend === "up" ? "text-green-600" : trend === "down" ? "text-red-500" : "text-muted-foreground"
}`} }`}
> >