From f88253f3d1199f9acf0366d60a4b54afd55c469b Mon Sep 17 00:00:00 2001
From: shm <m11c3.sh@gmail.com>
Date: Mon, 11 Nov 2024 00:25:56 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/template/Settings.tsx | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/template/Settings.tsx b/src/template/Settings.tsx
index c3e22e9..7d0f28f 100644
--- a/src/template/Settings.tsx
+++ b/src/template/Settings.tsx
@@ -248,7 +248,7 @@ const Settings = () => {
       </div>
       <div className="mt-8 p-4">
         <h3 className="text-2xl font-bold py-3 px-2">Custom Theme</h3>
-        <div className="xl:grid xl:grid-cols-6 gap-12 p-4">
+        <div className="xl:grid xl:grid-cols-6 gap-12 p-4 items-start">
           <div className="col-span-2 py-2">
             <h4 className="text-xl font-bold">Graph Style</h4>
             <SettingGraphSwitch
@@ -266,18 +266,6 @@ const Settings = () => {
               type="lineGraphShowScale"
             />
             <SettingLineChartSize />
-            <div className="py-6">
-              <h3 className="text-2xl font-bold py-3">Background Image</h3>
-              <div className="p-4">
-                <div className="py-3">
-                  <UploadImage />
-                  <BackgroundImageList />
-                </div>
-                <div className="py-3 max-w-96">
-                  <SettingBackGroundOpacity />
-                </div>
-              </div>
-            </div>
           </div>
           <div className="col-span-1 py-2">
             <h4 className="text-xl font-bold">Line Color</h4>
@@ -286,13 +274,24 @@ const Settings = () => {
               <SettingColorInput label="Memory" hardwareType="memory" />
               <SettingColorInput label="GPU" hardwareType="gpu" />
             </div>
-
             <SettingColorReset />
           </div>
           <div className="col-span-3 py-2 ml-10">
             <h4 className="text-xl font-bold">Preview</h4>
             <PreviewChart />
           </div>
+          <div className="col-span-3 py-6  order-2 xl:order-none">
+            <h3 className="text-2xl font-bold py-3">Background Image</h3>
+            <div className="p-4">
+              <div className="py-3">
+                <UploadImage />
+                <BackgroundImageList />
+              </div>
+              <div className="py-3 max-w-96">
+                <SettingBackGroundOpacity />
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </>