fix: Remove background image from individual pages and clean up unuse…

…d images
djeck1432 · Dec 21, 2024 · 40ff6e8 · 40ff6e8
1 parent d071129
commit 40ff6e8
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 40 deletions.
diff --git a/frontend/public/Form-bg.png b/frontend/public/Form-bg.png
diff --git a/frontend/public/Windowbackground Vault.png b/frontend/public/Windowbackground Vault.png
diff --git a/frontend/src/globals.css b/frontend/src/globals.css
@@ -67,9 +67,9 @@
   --light-dark-background: #130713;
   --text-gray: #798795;
   --modal-border: #170f2e;
-  --warning-colour:#BDC000;
-  --warning-colour-alt: #272A0A;
-  --warning-text-colour: #F0F0F0;
+  --warning-colour: #bdc000;
+  --warning-colour-alt: #272a0a;
+  --warning-text-colour: #f0f0f0;
 }
 
 body {
@@ -102,7 +102,7 @@ a.svelte-1mtuslq.svelte-1mtuslq {
 .App {
   background: url('../public/desktop-background.png') no-repeat;
   background-size: cover;
-  min-height: 100vh; 
+  min-height: 100vh;
   box-sizing: border-box;
 }
 
@@ -113,4 +113,4 @@ a.svelte-1mtuslq.svelte-1mtuslq {
     background-position: 50% 40%;
     height: 100%;
   }
-}
+}
diff --git a/frontend/src/pages/dashboard/dashboard.css b/frontend/src/pages/dashboard/dashboard.css
@@ -9,9 +9,6 @@ body {
 
 .dashboard-wrapper {
   position: relative;
-  background: url('../../../public/Form-bg.png') no-repeat;
-  background-size: cover;
-  background-position: center left;
   min-height: 100vh;
   display: flex;
   justify-content: center;
@@ -342,9 +339,6 @@ body {
 
 @media (max-width: 550px) {
   .dashboard-wrapper {
-    background: url('../../../public/mobile-background.png') no-repeat;
-    background-size: cover;
-    background-position: 50% 40%;
     height: 100%;
   }
   .dashboard-title {

diff --git a/frontend/src/pages/withdraw/withdraw.css b/frontend/src/pages/withdraw/withdraw.css
@@ -13,8 +13,7 @@ body {
   align-items: flex-start;
   padding: 1rem;
   padding-top: 24px;
-  transition: all 0.2s ease-in-out
-
+  transition: all 0.2s ease-in-out;
 }
 
 .withdraw-container {
@@ -23,7 +22,7 @@ body {
   justify-content: center;
   gap: 24px;
   margin-left: 200px;
-  transition: all 0.3s ease-in-out
+  transition: all 0.3s ease-in-out;
 }
 
 .withdrawal-title {
@@ -108,7 +107,7 @@ body {
   margin-bottom: 5px;
 }
 
-.withdraw-input{
+.withdraw-input {
   width: 100%;
   height: 60px;
   background: transparent;
@@ -133,7 +132,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 6px 0px 12px 0px ;
+  padding: 6px 0px 12px 0px;
 }
 
 .fee-title {
@@ -166,7 +165,7 @@ body {
   display: inline-block;
   font-weight: 600;
   /* width: 642px;  */
-  width: 100%; 
+  width: 100%;
   height: 60px;
   background: none;
   color: var(--primary);
@@ -204,7 +203,6 @@ body {
   display: none;
 }
 
-
 @media (max-width: 1024px) {
   .withdraw-container {
     width: 642px;
@@ -233,9 +231,8 @@ body {
   }
 }
 
-@media (max-width: 680px){  
+@media (max-width: 680px) {
   .withdraw-container {
-
     /* margin-top: -120px;
     margin-left: 0px; */
   }
@@ -247,8 +244,8 @@ body {
   .withdrawal-title {
     margin: 0;
   }
-  
-  .top-cards-withdraw{
+
+  .top-cards-withdraw {
     width: 500px;
     margin: 0px;
     /* gap: 6px; */
@@ -260,8 +257,7 @@ body {
     padding-top: 0px;
   }
 
-
-  .main-card-withdraw{
+  .main-card-withdraw {
     width: 500px;
     margin: auto;
   }
@@ -271,8 +267,6 @@ body {
   }
 }
 
-
-
 @media (max-width: 480px) {
   .withdraw-container {
     gap: 20px;
@@ -325,7 +319,7 @@ body {
     display: none;
   }
 
-  .mobile-screen-btns{
+  .mobile-screen-btns {
     display: flex;
     flex-direction: row-reverse;
     justify-content: center;
@@ -337,17 +331,16 @@ body {
 
   .btn {
     width: 50%;
-
   }
 
   .withdraw-button {
     height: 70px;
     font-size: 14px;
     padding: 28px 0px;
     line-height: 19px;
-    margin-right: 10px; 
+    margin-right: 10px;
   }
-  
+
   .cancel-button {
     display: block;
     background: none;
@@ -360,7 +353,6 @@ body {
     line-height: 19px;
     font-weight: 600;
   }
-
 }
 
 @media (max-width: 425px) {
@@ -375,7 +367,7 @@ body {
   }
 
   .amount-stack-card {
-    padding: .8rem;
+    padding: 0.8rem;
     width: 340px;
     margin: auto;
   }
@@ -404,13 +396,11 @@ body {
     margin: auto;
   }
 
-  .mobile-screen-btns{
+  .mobile-screen-btns {
     width: 340px;
   }
-
 }
 
-
 @media (max-width: 380px) {
   .top-cards-withdraw {
     width: 330px;
@@ -441,12 +431,11 @@ body {
     margin: auto 26px;
   }
 
-  .mobile-screen-btns{
+  .mobile-screen-btns {
     width: 320px;
   }
 }
 
-
 @media (max-width: 375px) {
   .top-cards-withdraw {
     width: 280px;
@@ -455,8 +444,7 @@ body {
   .main-card {
     min-height: 200px;
     width: 280px;
-    margin:auto;
-
+    margin: auto;
   }
 
   .amount-stack-card {
@@ -483,7 +471,7 @@ body {
     margin: auto 50px;
   }
 
-  .mobile-screen-btns{
+  .mobile-screen-btns {
     width: 280px;
   }
 }