Costomize background images with svg.

TWValues · Feb 17, 2024 · 8491255 · 8491255
1 parent 476002d
commit 8491255
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 3 deletions.
diff --git a/src/assets/background/background-1.webp b/src/assets/background/background-1.webp
diff --git a/src/assets/background/background-2.webp b/src/assets/background/background-2.webp
diff --git a/src/assets/background/bg1.svg b/src/assets/background/bg1.svg
diff --git a/src/assets/background/bg2.svg b/src/assets/background/bg2.svg
diff --git a/src/modules/main/Main.jsx b/src/modules/main/Main.jsx
@@ -5,8 +5,8 @@ import Header from './header/Header'
 import Footer from './footer/Footer'
 import { reduceWithDelimiter } from '../../utils/range'
 
-import bg1 from '../../assets/background/background-1.webp'
-import bg2 from '../../assets/background/background-2.webp'
+import bg1 from '../../assets/background/bg1.svg'
+import bg2 from '../../assets/background/bg2.svg'
 
 const { Content } = Layout
 

diff --git a/src/pages/Result.jsx b/src/pages/Result.jsx
@@ -206,7 +206,7 @@ const Result = () => {
       align='center'
       gap={20}
       style={{
-        backgroundColor: 'transparent',
+        backgroundColor: 'white',
         border: 'crimson solid 4px',
         borderRadius: '20px',
         ...getContentMaxWidth(),