Add background color

wayungi · Jul 24, 2022 · 19e264d · 19e264d
1 parent 577167f
commit 19e264d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/index.js b/src/index.js
@@ -1,4 +1,6 @@
+import pattern from './images/bg-pattern.jpg';
 import './style.css';
+
 import {
   addTask,
   getTasks,

diff --git a/src/style.css b/src/style.css
@@ -12,11 +12,16 @@ header {
   box-sizing: border-box;
 }
 
+body {
+  background-color: rgba(5, 247, 243, 0.2);
+}
+
 .wrapper {
   display: flex;
   width: 70%;
   margin: 4% auto;
   box-shadow: 0 0 5px 2px rgba(140, 140, 140, 0.5);
+
 }
 
 header {

diff --git a/webpack.config.js b/webpack.config.js
@@ -25,11 +25,7 @@ module.exports = {
       },
       {
         test: /\.(png|svg|jpg|jpeg|gif)$/i,
-        use: [
-          {
-            loader: 'file-loader',
-          },
-        ],
+        type: 'asset/resource',
       },
     ],
   },
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,11 +25,7 @@ module.exports = { @@
           },
           {
             test: /\.(png|svg|jpg|jpeg|gif)$/i,
-            use: [
-              {
-                loader: 'file-loader',
-              },
-            ],
+            type: 'asset/resource',
           },
         ],
       },
@@ Expand Down @@