trafficlunar/tomodachi-share
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: align skeleton media queries with mii-list

Browse source
This commit is contained in:
trafficlunar 2025-05-05 15:13:24 +01:00
parent def387d811
commit 5288b138ae
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/mii-list/index.tsx
View file

@ -130,7 +130,7 @@ export default function MiiList({ isLoggedIn, userId, sessionUserId }: Props) {
<p className="text-xl text-red-400 font-semibold text-center mt-10">Error: {error}</p> <p className="text-xl text-red-400 font-semibold text-center mt-10">Error: {error}</p>
) : ( ) : (
// Show skeleton when data is loading // Show skeleton when data is loading
<div className="grid grid-cols-4 gap-4 max-lg:grid-cols-3 max-sm:grid-cols-2 max-[25rem]:grid-cols-1"> <div className="grid grid-cols-4 gap-4 max-lg:grid-cols-3 max-md:grid-cols-2 max-[30rem]:grid-cols-1">
{Array.from({ length: 24 }).map((_, i) => ( {Array.from({ length: 24 }).map((_, i) => (
<Skeleton key={i} /> <Skeleton key={i} />
))} ))}