diff --git a/frontend/public/Form-bg.png b/frontend/public/Form-bg.png deleted file mode 100644 index e55c6d3e..00000000 Binary files a/frontend/public/Form-bg.png and /dev/null differ diff --git a/frontend/public/Windowbackground Vault.png b/frontend/public/Windowbackground Vault.png deleted file mode 100644 index 5358ed7a..00000000 Binary files a/frontend/public/Windowbackground Vault.png and /dev/null differ diff --git a/frontend/src/globals.css b/frontend/src/globals.css index 791e04f4..fb2a2db8 100644 --- 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%; } -} \ No newline at end of file +} diff --git a/frontend/src/pages/dashboard/dashboard.css b/frontend/src/pages/dashboard/dashboard.css index afc3b4b7..01be1279 100644 --- 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 index c5bd57bd..e378a70e 100644 --- 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,7 +331,6 @@ body { .btn { width: 50%; - } .withdraw-button { @@ -345,9 +338,9 @@ body { 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; } }