From c3bce676ce01aa6ad0ed3ea1d4939a292ea7014b Mon Sep 17 00:00:00 2001
From: shm <m11c3.sh@gmail.com>
Date: Mon, 30 Dec 2024 14:40:45 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=E3=83=AC=E3=82=B9=E3=83=9D=E3=83=B3?=
 =?UTF-8?q?=E3=82=B7=E3=83=96=E8=A1=A8=E7=A4=BA=E3=81=AE=E6=94=B9=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/template/Dashboard.tsx      | 6 +++---
 src/template/ScreenTemplate.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/template/Dashboard.tsx b/src/template/Dashboard.tsx
index f68e0e9..248eaea 100644
--- a/src/template/Dashboard.tsx
+++ b/src/template/Dashboard.tsx
@@ -194,8 +194,8 @@ const StorageDataInfo = () => {
 
   return (
     <div className="pt-2">
-      <div className="flex">
-        <div className="w-1/2">
+      <div className="flex flex-col 2xl:flex-row">
+        <div className="w-full 2xl:w-1/2">
           {sortedStorage.map((storage) => {
             return (
               <div key={storage.name} className="mt-4">
@@ -214,7 +214,7 @@ const StorageDataInfo = () => {
             );
           })}
         </div>
-        <div className="w-1/2 mt-4">
+        <div className="w-full 2xl:w-1/2 mt-8 2xl:mt-0">
           <StorageBarChart
             chartData={chartData}
             unit={sortedStorage[0].sizeUnit}
diff --git a/src/template/ScreenTemplate.tsx b/src/template/ScreenTemplate.tsx
index f92fc37..968b967 100644
--- a/src/template/ScreenTemplate.tsx
+++ b/src/template/ScreenTemplate.tsx
@@ -5,7 +5,7 @@ interface ScreenTemplateProps {
 
 const ScreenTemplate: React.FC<ScreenTemplateProps> = ({ title, children }) => {
   return (
-    <div className="w-3/4 mx-auto px-4 pt-12">
+    <div className="w-full 2xl:w-3/4 mx-auto px-4 pt-12">
       {title && <h2 className="text-3xl font-bold py-3"> {title}</h2>}
       {children}
     </div>