From 3fa293a23782460b99074216673d4f75e3237100 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Thu, 9 May 2024 23:08:54 -0500
Subject: [PATCH] allow x scrolling on overflowing viewports (mobile)

---
 src/components/common/AbstractCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/AbstractCard.tsx b/src/components/common/AbstractCard.tsx
index cd7cb09..8e13aac 100644
--- a/src/components/common/AbstractCard.tsx
+++ b/src/components/common/AbstractCard.tsx
@@ -43,7 +43,7 @@ const AbstractCard: FunctionComponent<AbstractCardProps> = ({
           ) : null}
         </div>
       ) : null}
-      <div className="max-w-full p-2 px-4">
+      <div className="max-w-full p-2 px-4 overflow-x-auto">
         {showRaw ? (
           <pre className="scrollbar-thin m-2 max-h-[40rem] max-w-full overflow-y-auto whitespace-pre-wrap rounded">
             {JSON.stringify(data, null, 4)}