Fixes top background

ASproson · Aug 16, 2024 · 4745cba · 4745cba
1 parent 16db30e
commit 4745cba
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -16,12 +16,9 @@ function App() {
       <div className="max-w-6xl border-white border-2 rounded-lg min-w-[570px] w-full h-full max-h-[700px] ml-2 flex">
         <div className="flex flex-col w-full">
           <div
-            className="h-[100px]"
+            className="h-[100px] bg-contain"
             style={{
-              backgroundImage: 'url(src/assets/battle-bg.png)',
-              backgroundSize: '100% auto',
-              backgroundPosition: 'right 0px bottom 200px',
-              backgroundAttachment: 'local',
+              backgroundImage: 'url(src/assets/bg-repeat.png)',
             }}
           ></div>
           <div className="flex justify-between py-2 border-2 border-blue-500 min-h-[170px] h-3/5">

diff --git a/src/assets/battle-bg.png b/src/assets/battle-bg.png
diff --git a/src/assets/bg-repeat.png b/src/assets/bg-repeat.png