From 288e20fdfd34813118b4315464ae1b9dba57a888 Mon Sep 17 00:00:00 2001
From: rharkor <louis@huort.com>
Date: Thu, 14 Sep 2023 15:29:41 +0200
Subject: [PATCH] feat: responsive

---
 src/app/[lang]/(protected)/profile/page.tsx        | 2 +-
 src/components/profile/sessions/session-row.tsx    | 2 +-
 src/components/profile/sessions/sessions-table.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/[lang]/(protected)/profile/page.tsx b/src/app/[lang]/(protected)/profile/page.tsx
index 91d88790..a7476fb1 100644
--- 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
index 57f38c4f..addd65f0 100644
--- 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
index 4899eea1..e39eb20c 100644
--- 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