fix: Keep at least two columns on storage page above xs size

hackerspace-ntnu · Aug 26, 2024 · b8cc534 · b8cc534
1 parent 3507f29
commit b8cc534
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/[locale]/(default)/storage/page.tsx b/src/app/[locale]/(default)/storage/page.tsx
@@ -107,7 +107,7 @@ export default function StoragePage({
           contentClassName='w-full lg:w-[200px]'
         />
       </div>
-      <div className='grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
+      <div className='grid grid-cols-1 xs:grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-4'>
         {items
           .slice((page - 1) * itemsPerPage, page * itemsPerPage)
           .map((item) => (
@@ -131,7 +131,7 @@ export default function StoragePage({
                 </CardDescription>
               </CardHeader>
               <CardFooter className='justify-center gap-2'>
-                <span className='whitespace-nowrap text-sm'>
+                <span className='text-sm'>
                   {t('card.quantityInfo', { quantity: item.quantity })}
                 </span>
                 <Button className='whitespace-break-spaces'>