style: 💄 mobile responsive

chauduong1192 · Dec 10, 2024 · 8bfca3e · 8bfca3e · vercel · Dec 10, 2024
1 parent 5f521fe
commit 8bfca3e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/app/api/[...route]/auth.ts b/src/app/api/[...route]/auth.ts
@@ -11,7 +11,7 @@ const verifyPassword = new Hono().post('/verify-password', async (c) => {
   const { password } = await c.req.json();
   const isMatch = password === unlockPassword;
   if (!isMatch) {
-    return formatResponse(c, StatusCodes.UNAUTHORIZED, {
+    return formatResponse(c, StatusCodes.BAD_REQUEST, {
       message: 'Password is incorrect',
     });
   }

diff --git a/src/app/repos/page.tsx b/src/app/repos/page.tsx
@@ -48,8 +48,8 @@ export default async function GithubRepositories() {
         className='gap-0'
       >
         <div
-          className='grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 2xl:grid-cols-4 gap-4
-            auto-rows-fr'
+          className='grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5
+            gap-4 auto-rows-fr'
         >
           {renderGitHubList()}
         </div>

diff --git a/src/app/shorts/page.tsx b/src/app/shorts/page.tsx
@@ -22,7 +22,10 @@ export default async function ShortsPage() {
         withHr={true}
         className='gap-0'
       >
-        <div className='grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4'>
+        <div
+          className='grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4
+            2xl:grid-cols-5'
+        >
           {allShorts?.map(({ slug, title, tags }) => (
             <Card
               contentProps={{ className: 'gap-4' }}