feat: responsive

rharkor · Sep 14, 2023 · 288e20f · 288e20f
1 parent 187e885
commit 288e20f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/[lang]/(protected)/profile/page.tsx b/src/app/[lang]/(protected)/profile/page.tsx
@@ -27,7 +27,7 @@ export default async function Profile({
           </CardHeader>
           <CardContent>
             <p className="text-muted-foreground">{dictionary.profilePage.serverSideData}</p>
-            <pre className="mt-2 max-w-[40rem] overflow-auto rounded bg-muted p-2">
+            <pre className="mt-2 w-[40rem] max-w-full overflow-auto rounded bg-muted p-2">
               {JSON.stringify(session, null, 2)}
             </pre>
           </CardContent>

diff --git a/src/components/profile/sessions/session-row.tsx b/src/components/profile/sessions/session-row.tsx
@@ -31,7 +31,7 @@ export default function SessionRow({ session, setSelectedSession, skeleton, dict
   const userAgents = session ? new UAParser(session.ua).getResult() : undefined
 
   return (
-    <div className="grid items-center space-x-4 md:grid-cols-[1fr,1fr,1fr,1fr,auto]">
+    <div className="grid min-w-[475px] grid-cols-[1fr,1fr,1fr,1fr,auto] items-center space-x-4">
       <div className="flex flex-col space-y-1">
         <div className="flex flex-row space-x-2">
           <div className="flex flex-col space-y-1">

diff --git a/src/components/profile/sessions/sessions-table.tsx b/src/components/profile/sessions/sessions-table.tsx
@@ -83,7 +83,7 @@ export default function SessionsTable({ dictionary, isDisabled }: { dictionary:
   const showPagination = Boolean((meta && meta.totalPages > 1) || itemsPerPageInitial !== itemsPerPage)
 
   return (
-    <div className="relative mt-4 flex flex-col space-y-4">
+    <div className="relative mt-4 flex flex-col space-y-4 overflow-hidden overflow-x-auto">
       <AlertDialog>
         {activeSessions.isFetched ? rows : skelRows}
         <Pagination