skatespots/SkateSpots
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions 1

fix(mobile): base grid column on remaining card grids + skeleton min-w-0 consistency

Browse source
This commit is contained in:
SkateSpots 2026-09-26 15:24:09 +07:00
parent 2e4930af2c
commit b8bf8c8534
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/pages/BountyLeaderboardPage.tsx
View file

@ -226,7 +226,7 @@ export default function BountyLeaderboardPage() {
<Sparkles className="h-5 w-5 text-[#ccff00]" />
How It Works
</h2>
<div className="grid sm:grid-cols-3 gap-4">
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
<div className="p-4 rounded-xl bg-black/40 border border-gray-800">
<div className="w-10 h-10 rounded-lg bg-[#ff0040]/20 flex items-center justify-center mb-3">
<MapPin className="h-5 w-5 text-[#ff0040]" />

2
src/pages/CoachDetailPage.tsx
View file

@ -71,7 +71,7 @@ function CoachDetailSkeleton() {
</CardContent>
</Card>
</div>
<div>
<div className="min-w-0">
<Skeleton className="h-64 w-full" />
</div>
</div>

2
src/pages/MarketplacePage.tsx
View file

@ -58,7 +58,7 @@ export default function MarketplacePage() {
</div>
</div>
<div className="grid md:grid-cols-3 gap-4 mb-6">
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
<div className="p-4 rounded-lg bg-black/50 border border-[#ff0040]/20">
<Shield className="h-6 w-6 text-[#ff0040] mb-2" />
<h3 className="font-bold text-white uppercase text-sm mb-1">No Fees</h3>

4
src/pages/SpotDetailPage.tsx
View file

@ -96,7 +96,7 @@ function SpotDetailSkeleton() {
<Layout>
<div className="container px-4 py-8">
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div className="lg:col-span-2 space-y-6">
<div className="lg:col-span-2 space-y-6 min-w-0">
<Skeleton className="aspect-video w-full rounded-xl" />
<div className="space-y-4">
<Skeleton className="h-10 w-3/4" />
@ -108,7 +108,7 @@ function SpotDetailSkeleton() {
<Skeleton className="h-24 w-full" />
</div>
</div>
<div className="space-y-6">
<div className="space-y-6 min-w-0">
<Skeleton className="h-64 w-full rounded-xl" />
<Skeleton className="h-32 w-full rounded-xl" />
</div>