From 1b3c6ee46c42b46e05dbca174f859a2345dddc0a Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 05:45:16 +0100 Subject: [PATCH 01/41] user-Dashboard --- src/home.html | 748 +++++++++++++++++++++++++------------------------- 1 file changed, 381 insertions(+), 367 deletions(-) diff --git a/src/home.html b/src/home.html index 2f4f7b4..53c2892 100644 --- a/src/home.html +++ b/src/home.html @@ -20,328 +20,339 @@ /> - - - -
-
-
-
-

- When - banking - meets - minimalist -

-

- A simpler banking experience for a simpler life. -

- - Learn More - + +
+
+ + +
-
-
-
- +
+ + +
+
+
+
+

+ When + banking + meets + minimalist +

+

+ A simpler banking experience for a simpler life. +

+ + Learn More + +
-
- -
- -
-
-
-
-

FEATURES

-

- Everything you need in a modern bank and more. -

+
+
+ +
-
-
-
-
- -
-
-
- -

100% digital bank

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Unde alias sint quos? Accusantium a fugiat porro reiciendis - saepe quibusdam debitis ducimus. -

-
-
+
+ +
+
+
+
+

FEATURES

+

+ Everything you need in a modern bank and more. +

-
-
- +
+
+
+
+
+ +
+
+
+ +

100% digital bank

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Unde alias sint quos? Accusantium a fugiat porro + reiciendis saepe quibusdam debitis ducimus. +

+
+
-
-
- +
+
+ +
+
+
+ -

Watch your money grow

-

- Nesciunt quos autem dolorum voluptates cum dolores dicta - fuga inventore ab? Nulla incidunt eius numquam sequi iste - pariatur quibusdam! -

+

+ Watch your money grow +

+

+ Nesciunt quos autem dolorum voluptates cum dolores dicta + fuga inventore ab? Nulla incidunt eius numquam sequi iste + pariatur quibusdam! +

+
-
-
-
- -
-
-
- -

- Free debit card included -

-

- Quasi, fugit in cumque cupiditate reprehenderit debitis - animi enim eveniet consequatur odit quam quos possimus - assumenda dicta fuga inventore ab. -

+
+
+ +
+
+
+ +

+ Free debit card included +

+

+ Quasi, fugit in cumque cupiditate reprehenderit debitis + animi enim eveniet consequatur odit quam quos possimus + assumenda dicta fuga inventore ab. +

+
-
-
- -
-
-
-
-

OPERATIONS

-

- Everything as simple as possible, but no simpler. -

+
+ +
+
+
+
+

OPERATIONS

+

+ Everything as simple as possible, but no simpler. +

+
-
-
-
-
-
- -
-
-

-

-
-
-
-

- 01 Instant Transfers -

+
+
+
+
+
-
-

02 Instant Loans

+
+

+

-
-

03 Instant Closing

+
+
+

+ 01 Instant Transfers +

+
+
+

02 Instant Loans

+
+
+

+ 03 Instant Closing +

+
-
-
- -
-
-
-
-
-

NOT SURE YET?

-

- Millions of Bankists are already making their lifes simpler. -

+
+ +
+
+
+
+
+

NOT SURE YET?

+

+ Millions of Bankists are already making their lifes simpler. +

+
-
-
-
-
-
- +
+
+
+
+ +
+
+ +
-
- +
+
+
+
-
-
-
-
-
-
-
-
-
-

- Best financial decision ever! -

-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. - Accusantium quas quisquam non? Quas voluptate nulla minima - deleniti optio ullam nesciunt, numquam corporis et - asperiores laboriosam sunt, praesentium suscipit blanditiis. - Necessitatibus id alias reiciendis, perferendis facere - pariatur dolore veniam autem esse non voluptatem saepe - provident nihil molestiae. -

-
-
- -
-
-

Aarav Lynn

-

San Francisco, USA

+
+
+
+

+ Best financial decision ever! +

+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Accusantium quas quisquam non? Quas voluptate nulla minima + deleniti optio ullam nesciunt, numquam corporis et + asperiores laboriosam sunt, praesentium suscipit + blanditiis. Necessitatibus id alias reiciendis, + perferendis facere pariatur dolore veniam autem esse non + voluptatem saepe provident nihil molestiae. +

+
+
+ +
+
+

Aarav Lynn

+

San Francisco, USA

+
-
-
-

- The last step to becoming a complete minimalist -

-

- Quisquam itaque deserunt ullam, quia ea repellendus - provident, ducimus neque ipsam modi voluptatibus doloremque, - corrupti laborum. Incidunt numquam perferendis veritatis - neque repellendus. Lorem, ipsum dolor sit amet consectetur - adipisicing elit. Illo deserunt exercitationem deleniti. -

-
-
- -
-
-

Aarav Lynn

-

San Francisco, USA

+
+

+ The last step to becoming a complete minimalist +

+

+ Quisquam itaque deserunt ullam, quia ea repellendus + provident, ducimus neque ipsam modi voluptatibus + doloremque, corrupti laborum. Incidunt numquam perferendis + veritatis neque repellendus. Lorem, ipsum dolor sit amet + consectetur adipisicing elit. Illo deserunt exercitationem + deleniti. +

+
+
+ +
+
+

Aarav Lynn

+

San Francisco, USA

+
-
-
-

- Finally free from old-school banks -

-

- Debitis, nihil sit minus suscipit magni aperiam vel tenetur - incidunt commodi architecto numquam omnis nulla autem, - necessitatibus blanditiis modi similique quidem. Odio - aliquam culpa dicta beatae quod maiores ipsa minus - consequatur error sunt, deleniti saepe aliquid quos - inventore sequi. Necessitatibus id alias reiciendis, - perferendis facere. -

-
-
- -
-
-

Francisco Gomes

-

Lisbon, Portugal

+
+

+ Finally free from old-school banks +

+

+ Debitis, nihil sit minus suscipit magni aperiam vel + tenetur incidunt commodi architecto numquam omnis nulla + autem, necessitatibus blanditiis modi similique quidem. + Odio aliquam culpa dicta beatae quod maiores ipsa minus + consequatur error sunt, deleniti saepe aliquid quos + inventore sequi. Necessitatibus id alias reiciendis, + perferendis facere. +

+
+
+ +
+
+

Francisco Gomes

+

Lisbon, Portugal

+
@@ -349,60 +360,93 @@

Lisbon, Portugal

-
-
- -
-
-
-

- The best day to join Bankist was one year ago. The second best is - today! -

- -
-
- - +
+ +
+
+
+

+ The best day to join Bankist was one year ago. The second best is + today! +

+ +
+
+ + +
- -
+ - -
-
@@ -410,36 +454,6 @@

ACCOUNT ALREADY TAKEN

- -
- -
From 6c7094cedbdfcbdb46dd5534054b661818e1969d Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:03:18 +0100 Subject: [PATCH 02/41] added dashboard page + dashboard wrap --- src/home.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 53c2892..c7f9236 100644 --- a/src/home.html +++ b/src/home.html @@ -20,6 +20,7 @@ /> +
- + +
+
+
+
+

ACCOUNT ALREADY TAKEN

From 977ef5360d768d32f3c944d9ea766347c8426050 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:04:22 +0100 Subject: [PATCH 03/41] added dsahboards wraps --- src/home.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index c7f9236..ca10b54 100644 --- a/src/home.html +++ b/src/home.html @@ -452,7 +452,11 @@

LOGIN RIGHT NOW!

-
+
+
+
+
+
From ab09665b6bdb0e0faf3c82aa96a501eea0683431 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:04:54 +0100 Subject: [PATCH 04/41] added elements for dashboard top --- src/home.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index ca10b54..ee666f8 100644 --- a/src/home.html +++ b/src/home.html @@ -453,7 +453,11 @@

LOGIN RIGHT NOW!

-
+
+
+
+
+
From 73ed593a081efbd35fb085bf813d01b390947473 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:06:53 +0100 Subject: [PATCH 05/41] added all elements for dsahboard top left --- src/home.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index ee666f8..d2df765 100644 --- a/src/home.html +++ b/src/home.html @@ -454,7 +454,10 @@

LOGIN RIGHT NOW!

-
+
+

Current balance

+

As of 08/01/2024, 05:58

+
From 7cd9d9ee5481f3601679edefbcc7cdcbbcd07dc6 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:07:29 +0100 Subject: [PATCH 06/41] added all elements needed for dashboard-Top-Mid --- src/home.html | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index d2df765..0227c2c 100644 --- a/src/home.html +++ b/src/home.html @@ -458,7 +458,9 @@

LOGIN RIGHT NOW!

Current balance

As of 08/01/2024, 05:58

-
+
+

GOOD DAY! AMEER

+
From 8e83939c8459de53a42d00886e2217cf7efad3da Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:07:56 +0100 Subject: [PATCH 07/41] added all elements needed for dashboard-Top-Right --- src/home.html | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 0227c2c..4b9d221 100644 --- a/src/home.html +++ b/src/home.html @@ -461,7 +461,9 @@

Current balance

GOOD DAY! AMEER

-
+
+

25 925,59

+
From ba9dfa89282087574c446c691c7d17c682fd94a3 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:10:07 +0100 Subject: [PATCH 08/41] added elements needed for dashboard mid --- src/home.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 4b9d221..5c59be7 100644 --- a/src/home.html +++ b/src/home.html @@ -465,7 +465,10 @@

GOOD DAY! AMEER

25 925,59

-
+
+
+
+
From 657f2be74bed0b7f08e327e7b9f326085803deac Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:13:45 +0100 Subject: [PATCH 09/41] added all elements needed for dashboard mid left left wrap --- src/home.html | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 5c59be7..3635ee7 100644 --- a/src/home.html +++ b/src/home.html @@ -451,6 +451,7 @@

LOGIN RIGHT NOW!

+
@@ -466,7 +467,15 @@

25 925,59

-
+
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
From a360e2c73f8edcd4a54007e4dc3a5cb5732a271d Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:14:41 +0100 Subject: [PATCH 10/41] added dashboard-mid-right all elements --- src/home.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 3635ee7..32af9f5 100644 --- a/src/home.html +++ b/src/home.html @@ -476,7 +476,11 @@

25 925,59

-
+
+
+
+
+
From 60c8ab27cdfd60b45d376c6a5e048beaab44119a Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:19:33 +0100 Subject: [PATCH 11/41] added dashboard card wrap --- src/home.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 32af9f5..d9fcb16 100644 --- a/src/home.html +++ b/src/home.html @@ -477,7 +477,11 @@

25 925,59

-
+
+
+
Transfer money
+
+
From 3cab7dc191771817cbb77de8d948c682e0e29e93 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:20:11 +0100 Subject: [PATCH 12/41] added dashboard card inputs --- src/home.html | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/home.html b/src/home.html index d9fcb16..ff94c2a 100644 --- a/src/home.html +++ b/src/home.html @@ -480,6 +480,24 @@

25 925,59

Transfer money
+
+ + + +
From d5e9d0aca4c3f3c26ec883e13b2e5eb90390d9eb Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:22:37 +0100 Subject: [PATCH 13/41] added all elements neeeded for dashbaord mid and dsahboard card wrap and more --- src/home.html | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/src/home.html b/src/home.html index ff94c2a..273fa36 100644 --- a/src/home.html +++ b/src/home.html @@ -491,7 +491,7 @@

25 925,59

type="text" class="dashboard-Card-Inputs" id="dashboard-Card-Input-Amount" - placeholder="Transfer to" + placeholder="Amount" /> + + +
From e1c7edabe14fe2e735a7e3b949477a75a5430d43 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:29:48 +0100 Subject: [PATCH 14/41] added all elements needed for dashboard mid bottom --- src/home.html | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 273fa36..cc13ad6 100644 --- a/src/home.html +++ b/src/home.html @@ -517,7 +517,29 @@

25 925,59

-
+
+
+
Close account
+
+ + + +
+
+
From d53488ace177e26066ef991c2cc3b90f694ae837 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:40:53 +0100 Subject: [PATCH 15/41] added icons to the card buttons --- src/home.html | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/src/home.html b/src/home.html index cc13ad6..ae21769 100644 --- a/src/home.html +++ b/src/home.html @@ -496,7 +496,12 @@

25 925,59

+ > + + @@ -513,7 +518,12 @@

25 925,59

+ > + + @@ -536,7 +546,12 @@

25 925,59

+ > + + From 2c28d8493d1d32d0589c062749d5682051cd7b7d Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:41:44 +0100 Subject: [PATCH 16/41] added elements to dashboard bottom left and right --- src/home.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index ae21769..aa80394 100644 --- a/src/home.html +++ b/src/home.html @@ -557,7 +557,10 @@

25 925,59

-
+
+
+
+
From fcce3b41297c5ab593cbdc9cbd3e7a0d851dcaae Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 06:53:36 +0100 Subject: [PATCH 17/41] finished dashboard bottom dsiadhboarf left and right and all text and elements --- src/home.html | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/src/home.html b/src/home.html index aa80394..b7ed70e 100644 --- a/src/home.html +++ b/src/home.html @@ -558,8 +558,16 @@

25 925,59

-
-
+
+
in 27 035,20 €
+
out 1109,61 €
+ +
+
+
+ You will be logged out in 04:12 +
+
From d7284b504411aa71de7dba702966e95607455a94 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:17:25 +0100 Subject: [PATCH 18/41] linters fix + added new stylesheet for dashboard page and added styling to dashboard --- src/dashboard.css | 8 ++++++++ src/dashboard.css.map | 1 + src/dashboard.scss | 8 ++++++++ src/home.html | 1 + 4 files changed, 18 insertions(+) create mode 100644 src/dashboard.css create mode 100644 src/dashboard.css.map create mode 100644 src/dashboard.scss diff --git a/src/dashboard.css b/src/dashboard.css new file mode 100644 index 0000000..338096e --- /dev/null +++ b/src/dashboard.css @@ -0,0 +1,8 @@ +.dashboard { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + height: 100vh; +} diff --git a/src/dashboard.css.map b/src/dashboard.css.map new file mode 100644 index 0000000..4cacbe0 --- /dev/null +++ b/src/dashboard.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss new file mode 100644 index 0000000..338096e --- /dev/null +++ b/src/dashboard.scss @@ -0,0 +1,8 @@ +.dashboard { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + height: 100vh; +} diff --git a/src/home.html b/src/home.html index b7ed70e..49bc6e8 100644 --- a/src/home.html +++ b/src/home.html @@ -5,6 +5,7 @@ COMPLETE: Bankist DEMO| When Banking meets Minimalist + Date: Mon, 8 Jan 2024 07:19:23 +0100 Subject: [PATCH 19/41] added styling to dashboard-wrap --- src/dashboard.css | 11 +++++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 10 ++++++++++ 3 files changed, 22 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index 338096e..c3292fd 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -6,3 +6,14 @@ justify-content: center; height: 100vh; } +.dashboard .dashboard-Wrap { + width: 769px; + height: 600px; + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; +} + +/*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 4cacbe0..dca234b 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 338096e..34ab786 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -5,4 +5,14 @@ align-items: center; justify-content: center; height: 100vh; + + .dashboard-Wrap { + width: 769px; + height: 600px; + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + } } From 178363085af1864b8e9eb406bc0f1900bccf7288 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:20:54 +0100 Subject: [PATCH 20/41] added styling to dashboard top --- src/dashboard.css | 9 +++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 10 ++++++++++ 3 files changed, 20 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index c3292fd..469d14a 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -15,5 +15,14 @@ align-items: center; justify-content: center; } +.dashboard .dashboard-Wrap .dashboard-Top { + display: flex; + flex-direction: row; + justify-content: space-between; + text-align: center; + align-items: center; + width: 100%; + height: 10%; +} /*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index dca234b..4beb532 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 34ab786..8ceb8a7 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -14,5 +14,15 @@ text-align: center; align-items: center; justify-content: center; + + .dashboard-Top { + display: flex; + flex-direction: row; + justify-content: space-between; + text-align: center; + align-items: center; + width: 100%; + height: 10%; + } } } From 8a5eba36ea9c7818eee30b56ac319d986f8da65c Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:22:47 +0100 Subject: [PATCH 21/41] added styling dashboard top left --- src/dashboard.css | 13 +++++++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 18 ++++++++++++++++++ 3 files changed, 32 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index 469d14a..741efa1 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -24,5 +24,18 @@ width: 100%; height: 10%; } +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left { + padding: 0; + margin: 0; +} +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left .dashboard-Top-Left-Text-1, +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left .dashboard-Top-Left-Text-2 { + padding: 0; + margin: 0; + font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; +} +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left .dashboard-Top-Left-Text-2 { + color: gray; +} /*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 4beb532..06bdccb 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aApCA;;AAuCF;EACE","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 8ceb8a7..5397284 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -1,3 +1,5 @@ +$fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; + .dashboard { display: flex; flex-direction: column; @@ -23,6 +25,22 @@ align-items: center; width: 100%; height: 10%; + + .dashboard-Top-left { + padding: 0; + margin: 0; + + .dashboard-Top-Left-Text-1, + .dashboard-Top-Left-Text-2 { + padding: 0; + margin: 0; + font-family: $fontOne; + } + + .dashboard-Top-Left-Text-2 { + color: gray; + } + } } } } From b213a905c8edbd37e728a76dca3e1c97c38db990 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:25:00 +0100 Subject: [PATCH 22/41] added styling to dashboard name holder + html tree posation change --- src/dashboard.css | 17 +++++++++++++---- src/dashboard.css.map | 2 +- src/dashboard.scss | 19 +++++++++++++++---- src/home.html | 9 +++++---- 4 files changed, 34 insertions(+), 13 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 741efa1..4a8fe7c 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -24,17 +24,26 @@ width: 100%; height: 10%; } -.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left { +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } -.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left .dashboard-Top-Left-Text-1, -.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left .dashboard-Top-Left-Text-2 { +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; margin: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } -.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-left .dashboard-Top-Left-Text-2 { +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { + padding: 0; + margin: 0; +} +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { + padding: 0; + margin: 0; + font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; +} +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; } diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 06bdccb..e0cc678 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aApCA;;AAuCF;EACE","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 5397284..10e887b 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -26,18 +26,29 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; width: 100%; height: 10%; - .dashboard-Top-left { + .dashboard-Top-Left { padding: 0; margin: 0; - .dashboard-Top-Left-Text-1, - .dashboard-Top-Left-Text-2 { + .dashboard-Top-Left-Text-1 { + padding: 0; + margin: 0; + font-family: $fontOne; + } + } + + .dashboard-Top-Mid { + padding: 0; + margin: 0; + + .dashboard-Top-Mid-Text-1, + .dashboard-Top-Mid-Text-2 { padding: 0; margin: 0; font-family: $fontOne; } - .dashboard-Top-Left-Text-2 { + .dashboard-Top-Mid-Text-2 { color: gray; } } diff --git a/src/home.html b/src/home.html index 49bc6e8..a7917f0 100644 --- a/src/home.html +++ b/src/home.html @@ -456,13 +456,14 @@

LOGIN RIGHT NOW!

-
-

Current balance

-

As of 08/01/2024, 05:58

+
+

GOOD DAY! AMEER

-

GOOD DAY! AMEER

+

Current balance

+

As of 08/01/2024, 05:58

+

25 925,59

From 890d90351520f8f8504ceae1686dfed70e0b7b57 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:27:36 +0100 Subject: [PATCH 23/41] added styling to dashboard top right and dshboard top right text 1 --- src/dashboard.css | 21 ++++++++++++++++++++- src/dashboard.css.map | 2 +- src/dashboard.scss | 14 ++++++++++++++ src/home.html | 2 +- 4 files changed, 36 insertions(+), 3 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 4a8fe7c..2d3b0d4 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -6,6 +6,7 @@ justify-content: center; height: 100vh; } + .dashboard .dashboard-Wrap { width: 769px; height: 600px; @@ -15,6 +16,7 @@ align-items: center; justify-content: center; } + .dashboard .dashboard-Wrap .dashboard-Top { display: flex; flex-direction: row; @@ -24,27 +26,44 @@ width: 100%; height: 10%; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; margin: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; margin: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; } -/*# sourceMappingURL=dashboard.css.map */ +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { + display: flex; + flex-direction: column; + height: 100%; + text-align: start; + align-items: start; + justify-content: start; +} + +.dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { + padding: 0; + margin: 0; +} diff --git a/src/dashboard.css.map b/src/dashboard.css.map index e0cc678..aeb01b9 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 10e887b..3a4ed03 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -52,6 +52,20 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; color: gray; } } + + .dashboard-Top-Right { + display: flex; + flex-direction: column; + height: 100%; + text-align: start; + align-items: start; + justify-content: start; + + .dashboard-Top-Right-Text-1 { + padding: 0; + margin: 0; + } + } } } } diff --git a/src/home.html b/src/home.html index a7917f0..5669782 100644 --- a/src/home.html +++ b/src/home.html @@ -465,7 +465,7 @@

Current balance

-

25 925,59

+

25 925,59$

From 4cb91a37c8ef995350fe9fd875e55e849fa93fda Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:33:35 +0100 Subject: [PATCH 24/41] added styling to dashboard-Mid --- src/dashboard.css | 22 ++++++++++++---------- src/dashboard.css.map | 2 +- src/dashboard.scss | 12 +++++++++++- 3 files changed, 24 insertions(+), 12 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 2d3b0d4..ed3ab10 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -6,7 +6,6 @@ justify-content: center; height: 100vh; } - .dashboard .dashboard-Wrap { width: 769px; height: 600px; @@ -14,9 +13,8 @@ flex-direction: column; text-align: center; align-items: center; - justify-content: center; + justify-content: space-between; } - .dashboard .dashboard-Wrap .dashboard-Top { display: flex; flex-direction: row; @@ -26,34 +24,28 @@ width: 100%; height: 10%; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; margin: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; margin: 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; margin: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { display: flex; flex-direction: column; @@ -62,8 +54,18 @@ align-items: start; justify-content: start; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { padding: 0; margin: 0; } +.dashboard .dashboard-Wrap .dashboard-Mid { + height: 60%; + width: 100%; + display: flex; + flex-direction: row; + text-align: center; + align-items: center; + justify-content: center; +} + +/*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index aeb01b9..dc725af 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 3a4ed03..c3abbe7 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -15,7 +15,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; flex-direction: column; text-align: center; align-items: center; - justify-content: center; + justify-content: space-between; .dashboard-Top { display: flex; @@ -67,5 +67,15 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; } } } + + .dashboard-Mid { + height: 60%; + width: 100%; + display: flex; + flex-direction: row; + text-align: center; + align-items: center; + justify-content: center; + } } } From 4b36b6783eb4ae4b084f44fa0ab7453e75b85ac4 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:36:14 +0100 Subject: [PATCH 25/41] added styling to dashboard mid and left wrap --- src/dashboard.css | 13 +++++++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 15 +++++++++++++++ 3 files changed, 29 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index ed3ab10..0006de4 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -67,5 +67,18 @@ align-items: center; justify-content: center; } +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { + height: 90%; + width: 60%; + display: flex; +} +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap { + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + text-align: start; + align-items: start; +} /*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index dc725af..1136f57 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index c3abbe7..1d2b47b 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -76,6 +76,21 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; text-align: center; align-items: center; justify-content: center; + + .dashboard-Mid-Left { + height: 90%; + width: 60%; + display: flex; + + .dashboard-Mid-Left-Wrap { + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + text-align: start; + align-items: start; + } + } } } } From d3f2f21e05b6a2bc0dc7208a8f34a2561cce1e7b Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:45:51 +0100 Subject: [PATCH 26/41] added sashboard transfer card styling + small changse in size of fonts and more big fixes --- src/dashboard.css | 22 ++++++++++++++++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 23 +++++++++++++++++++++++ 3 files changed, 46 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index 0006de4..0404f8f 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -23,6 +23,8 @@ align-items: center; width: 100%; height: 10%; + background-color: aliceblue; + border-radius: 15px 15px 0 0; } .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; @@ -32,6 +34,9 @@ padding: 0; margin: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; + font-size: 1.2rem; + color: rgb(34, 34, 34); + margin: 5px; } .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; @@ -41,10 +46,13 @@ .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; margin: 0; + font-size: 1.2rem; + color: rgb(34, 34, 34); font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; + font-size: 0.8rem; } .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { display: flex; @@ -57,6 +65,10 @@ .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { padding: 0; margin: 0; + font-size: 1.2rem; + color: rgb(34, 34, 34); + font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; + margin: 5px; } .dashboard .dashboard-Wrap .dashboard-Mid { height: 60%; @@ -80,5 +92,15 @@ text-align: start; align-items: start; } +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card { + width: 100%; + height: 40px; + display: flex; + flex-direction: row; + text-align: center; + align-items: center; + justify-content: space-evenly; + background-color: aliceblue; +} /*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 1136f57..61d72cc 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aAnCA;;AAuCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA,aA/CA;;AAkDF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aArCA;EAsCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAtDA;;AAyDF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,aA5EA;EA6EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 1d2b47b..4c6fa2e 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -25,6 +25,8 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; align-items: center; width: 100%; height: 10%; + background-color: aliceblue; + border-radius: 15px 15px 0 0; .dashboard-Top-Left { padding: 0; @@ -34,6 +36,9 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; padding: 0; margin: 0; font-family: $fontOne; + font-size: 1.2rem; + color: rgb(34, 34, 34); + margin: 5px; } } @@ -45,11 +50,14 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; .dashboard-Top-Mid-Text-2 { padding: 0; margin: 0; + font-size: 1.2rem; + color: rgb(34, 34, 34); font-family: $fontOne; } .dashboard-Top-Mid-Text-2 { color: gray; + font-size: 0.8rem; } } @@ -64,6 +72,10 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; .dashboard-Top-Right-Text-1 { padding: 0; margin: 0; + font-size: 1.2rem; + color: rgb(34, 34, 34); + font-family: $fontOne; + margin: 5px; } } } @@ -89,6 +101,17 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; flex-direction: column; text-align: start; align-items: start; + + .dashboard-Transfer-Card { + width: 100%; + height: 40px; + display: flex; + flex-direction: row; + text-align: center; + align-items: center; + justify-content: space-evenly; + background-color: aliceblue; + } } } } From d1814d5dcb305713fac6ac4a2344b69ccdbd23cc Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:48:43 +0100 Subject: [PATCH 27/41] added styling to .dashboard-Mid-Right and linters errors fix --- src/dashboard.css | 28 +++++++++++++++++++++++----- src/dashboard.css.map | 2 +- src/dashboard.scss | 15 +++++++++++---- 3 files changed, 35 insertions(+), 10 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 0404f8f..7064f5f 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -6,6 +6,7 @@ justify-content: center; height: 100vh; } + .dashboard .dashboard-Wrap { width: 769px; height: 600px; @@ -15,6 +16,7 @@ align-items: center; justify-content: space-between; } + .dashboard .dashboard-Wrap .dashboard-Top { display: flex; flex-direction: row; @@ -26,34 +28,38 @@ background-color: aliceblue; border-radius: 15px 15px 0 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; - margin: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; font-size: 1.2rem; color: rgb(34, 34, 34); margin: 5px; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; - margin: 0; font-size: 1.2rem; color: rgb(34, 34, 34); font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; font-size: 0.8rem; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { display: flex; flex-direction: column; @@ -62,14 +68,15 @@ align-items: start; justify-content: start; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { padding: 0; - margin: 0; font-size: 1.2rem; color: rgb(34, 34, 34); font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; margin: 5px; } + .dashboard .dashboard-Wrap .dashboard-Mid { height: 60%; width: 100%; @@ -77,13 +84,15 @@ flex-direction: row; text-align: center; align-items: center; - justify-content: center; + justify-content: space-between; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { height: 90%; width: 60%; display: flex; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap { height: 100%; width: 100%; @@ -92,6 +101,7 @@ text-align: start; align-items: start; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card { width: 100%; height: 40px; @@ -103,4 +113,12 @@ background-color: aliceblue; } -/*# sourceMappingURL=dashboard.css.map */ +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right { + height: 100%; + width: 30%; + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: space-evenly; +} diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 61d72cc..83b977c 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA,aArCA;EAsCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAtDA;;AAyDF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,aA5EA;EA6EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aApCA;EAqCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA,aApDA;;AAuDF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aAzEA;EA0EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 4c6fa2e..fab7784 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -34,7 +34,6 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; .dashboard-Top-Left-Text-1 { padding: 0; - margin: 0; font-family: $fontOne; font-size: 1.2rem; color: rgb(34, 34, 34); @@ -49,7 +48,6 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; .dashboard-Top-Mid-Text-1, .dashboard-Top-Mid-Text-2 { padding: 0; - margin: 0; font-size: 1.2rem; color: rgb(34, 34, 34); font-family: $fontOne; @@ -71,7 +69,6 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; .dashboard-Top-Right-Text-1 { padding: 0; - margin: 0; font-size: 1.2rem; color: rgb(34, 34, 34); font-family: $fontOne; @@ -87,7 +84,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; flex-direction: row; text-align: center; align-items: center; - justify-content: center; + justify-content: space-between; .dashboard-Mid-Left { height: 90%; @@ -114,6 +111,16 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; } } } + + .dashboard-Mid-Right { + height: 100%; + width: 30%; + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: space-evenly; + } } } } From c9cf3594a6d1f844623355b44be0cda245165b8a Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:54:37 +0100 Subject: [PATCH 28/41] added styling to all dashboard mid- top and mid and bottom elements --- src/dashboard.css | 41 +++++++++++++++++++++++++++-------------- src/dashboard.css.map | 2 +- src/dashboard.scss | 25 +++++++++++++++++++++++++ 3 files changed, 53 insertions(+), 15 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 7064f5f..876e506 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -6,7 +6,6 @@ justify-content: center; height: 100vh; } - .dashboard .dashboard-Wrap { width: 769px; height: 600px; @@ -16,7 +15,6 @@ align-items: center; justify-content: space-between; } - .dashboard .dashboard-Wrap .dashboard-Top { display: flex; flex-direction: row; @@ -28,12 +26,10 @@ background-color: aliceblue; border-radius: 15px 15px 0 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; @@ -41,12 +37,10 @@ color: rgb(34, 34, 34); margin: 5px; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; margin: 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; @@ -54,12 +48,10 @@ color: rgb(34, 34, 34); font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; font-size: 0.8rem; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { display: flex; flex-direction: column; @@ -68,7 +60,6 @@ align-items: start; justify-content: start; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { padding: 0; font-size: 1.2rem; @@ -76,7 +67,6 @@ font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; margin: 5px; } - .dashboard .dashboard-Wrap .dashboard-Mid { height: 60%; width: 100%; @@ -86,13 +76,11 @@ align-items: center; justify-content: space-between; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { height: 90%; width: 60%; display: flex; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap { height: 100%; width: 100%; @@ -101,7 +89,6 @@ text-align: start; align-items: start; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card { width: 100%; height: 40px; @@ -112,7 +99,6 @@ justify-content: space-evenly; background-color: aliceblue; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right { height: 100%; width: 30%; @@ -122,3 +108,30 @@ align-items: center; justify-content: space-evenly; } +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + width: 100%; + border-radius: 15px; + background-color: rgb(0, 196, 10); + color: white; +} +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + width: 90%; + height: 100%; + font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; +} + +/*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 83b977c..3db6c17 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aApCA;EAqCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA,aApDA;;AAuDF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aAzEA;EA0EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aApCA;EAqCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA,aApDA;;AAuDF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aAzEA;EA0EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAhJF","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index fab7784..e902476 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -120,6 +120,31 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; text-align: center; align-items: center; justify-content: space-evenly; + + .dashboard-Mid-Top, + .dashboard-Mid-Mid, + .dashboard-Mid-Bottom { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + width: 100%; + border-radius: 15px; + background-color: rgb(0, 196, 10); + color: white; + + .dashboard-Card-Wrap { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + width: 90%; + height: 100%; + font-family: $fontOne; + } + } } } } From 658528a2a3c17c9926354e9086a652aaf1654dcc Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 07:57:21 +0100 Subject: [PATCH 29/41] added colors and styling to the background and borders with to the card wrap --- src/dashboard.css | 9 +++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 11 +++++++++++ 3 files changed, 21 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index 876e506..158b983 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -5,6 +5,7 @@ align-items: center; justify-content: center; height: 100vh; + background-color: rgb(209, 209, 209); } .dashboard .dashboard-Wrap { width: 769px; @@ -14,6 +15,8 @@ text-align: center; align-items: center; justify-content: space-between; + border: solid white 2px; + border-radius: 17px 17px 0 0; } .dashboard .dashboard-Wrap .dashboard-Top { display: flex; @@ -133,5 +136,11 @@ height: 100%; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid { + background-color: rgb(196, 72, 0); +} +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { + background-color: rgb(224, 1, 1); +} /*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 3db6c17..b6fa982 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aApCA;EAqCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA,aApDA;;AAuDF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aAzEA;EA0EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAhJF","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA,aAvDA;;AA0DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA5EA;EA6EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAnJF;;AAuJF;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index e902476..758f7e4 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -7,6 +7,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; align-items: center; justify-content: center; height: 100vh; + background-color: rgb(209, 209, 209); .dashboard-Wrap { width: 769px; @@ -16,6 +17,8 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; text-align: center; align-items: center; justify-content: space-between; + border: solid white 2px; + border-radius: 17px 17px 0 0; .dashboard-Top { display: flex; @@ -145,6 +148,14 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; font-family: $fontOne; } } + + .dashboard-Mid-Mid { + background-color: rgb(196, 72, 0); + } + + .dashboard-Mid-Bottom { + background-color: rgb(224, 1, 1); + } } } } From 8f33a5bc59b9cc82053d05e1dfae6fc003a9c370 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:01:46 +0100 Subject: [PATCH 30/41] styling fixes and more everywhere --- src/dashboard.css | 32 +++++++++++++++++++++++++++----- src/dashboard.css.map | 2 +- src/dashboard.scss | 12 +++++++++--- 3 files changed, 37 insertions(+), 9 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 158b983..305fa03 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -7,6 +7,7 @@ height: 100vh; background-color: rgb(209, 209, 209); } + .dashboard .dashboard-Wrap { width: 769px; height: 600px; @@ -18,6 +19,7 @@ border: solid white 2px; border-radius: 17px 17px 0 0; } + .dashboard .dashboard-Wrap .dashboard-Top { display: flex; flex-direction: row; @@ -29,10 +31,12 @@ background-color: aliceblue; border-radius: 15px 15px 0 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; @@ -40,21 +44,26 @@ color: rgb(34, 34, 34); margin: 5px; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; + margin: 0; font-size: 1.2rem; color: rgb(34, 34, 34); font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; font-size: 0.8rem; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { display: flex; flex-direction: column; @@ -63,6 +72,7 @@ align-items: start; justify-content: start; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { padding: 0; font-size: 1.2rem; @@ -70,6 +80,7 @@ font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; margin: 5px; } + .dashboard .dashboard-Wrap .dashboard-Mid { height: 60%; width: 100%; @@ -79,11 +90,16 @@ align-items: center; justify-content: space-between; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { - height: 90%; - width: 60%; + height: 95%; + width: 65%; display: flex; + border-radius: 15px; + overflow: hidden; + margin-left: 5px; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap { height: 100%; width: 100%; @@ -92,6 +108,7 @@ text-align: start; align-items: start; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card { width: 100%; height: 40px; @@ -102,6 +119,7 @@ justify-content: space-evenly; background-color: aliceblue; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right { height: 100%; width: 30%; @@ -110,7 +128,10 @@ text-align: center; align-items: center; justify-content: space-evenly; + background-color: aliceblue; + border-radius: 15px 0 0 15px; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { @@ -119,11 +140,12 @@ text-align: center; align-items: center; justify-content: center; - width: 100%; + width: 90%; border-radius: 15px; background-color: rgb(0, 196, 10); color: white; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap { @@ -136,11 +158,11 @@ height: 100%; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid { background-color: rgb(196, 72, 0); } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { background-color: rgb(224, 1, 1); } - -/*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index b6fa982..b2c63ef 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA,aAvDA;;AA0DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA5EA;EA6EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAnJF;;AAuJF;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA6JF;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 758f7e4..67122f8 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -51,6 +51,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; .dashboard-Top-Mid-Text-1, .dashboard-Top-Mid-Text-2 { padding: 0; + margin: 0; font-size: 1.2rem; color: rgb(34, 34, 34); font-family: $fontOne; @@ -90,9 +91,12 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; justify-content: space-between; .dashboard-Mid-Left { - height: 90%; - width: 60%; + height: 95%; + width: 65%; display: flex; + border-radius: 15px; + overflow: hidden; + margin-left: 5px; .dashboard-Mid-Left-Wrap { height: 100%; @@ -123,6 +127,8 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; text-align: center; align-items: center; justify-content: space-evenly; + background-color: aliceblue; + border-radius: 15px 0 0 15px; .dashboard-Mid-Top, .dashboard-Mid-Mid, @@ -132,7 +138,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; text-align: center; align-items: center; justify-content: center; - width: 100%; + width: 90%; border-radius: 15px; background-color: rgb(0, 196, 10); color: white; From ae657dbd19af0052b9c5143d78c052ac05599d8f Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:05:31 +0100 Subject: [PATCH 31/41] syled inputs and more --- src/dashboard.css | 13 ++++++++++++- src/dashboard.css.map | 2 +- src/dashboard.scss | 13 ++++++++++++- src/home.html | 4 ++-- 4 files changed, 27 insertions(+), 5 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 305fa03..f4da391 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -92,7 +92,7 @@ } .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { - height: 95%; + height: 100%; width: 65%; display: flex; border-radius: 15px; @@ -159,6 +159,17 @@ font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs { + outline: none; + border-radius: 15px; + border: none; + padding: 1px; + padding-left: 15px; + font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; +} + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid { background-color: rgb(196, 72, 0); } diff --git a/src/dashboard.css.map b/src/dashboard.css.map index b2c63ef..303eb6e 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA6JF;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAwKF;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 67122f8..28349fa 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -91,7 +91,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; justify-content: space-between; .dashboard-Mid-Left { - height: 95%; + height: 100%; width: 65%; display: flex; border-radius: 15px; @@ -152,6 +152,17 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; width: 90%; height: 100%; font-family: $fontOne; + + .dashboard-Card-Inputs-Wrap { + .dashboard-Card-Inputs { + outline: none; + border-radius: 15px; + border: none; + padding: 1px; + padding-left: 15px; + font-family: $fontOne; + } + } } } diff --git a/src/home.html b/src/home.html index 5669782..17f6e62 100644 --- a/src/home.html +++ b/src/home.html @@ -490,7 +490,7 @@

25 925,59$

placeholder="Transfer to" /> 25 925,59$
Request loan
Date: Mon, 8 Jan 2024 08:08:39 +0100 Subject: [PATCH 32/41] added styling to buttons + added hover and active effects --- src/dashboard.css | 43 ++++++++++++++++++++++++------------------- src/dashboard.css.map | 2 +- src/dashboard.scss | 19 +++++++++++++++++++ 3 files changed, 44 insertions(+), 20 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index f4da391..5a3203a 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -7,7 +7,6 @@ height: 100vh; background-color: rgb(209, 209, 209); } - .dashboard .dashboard-Wrap { width: 769px; height: 600px; @@ -19,7 +18,6 @@ border: solid white 2px; border-radius: 17px 17px 0 0; } - .dashboard .dashboard-Wrap .dashboard-Top { display: flex; flex-direction: row; @@ -31,12 +29,10 @@ background-color: aliceblue; border-radius: 15px 15px 0 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; @@ -44,12 +40,10 @@ color: rgb(34, 34, 34); margin: 5px; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; margin: 0; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; @@ -58,12 +52,10 @@ color: rgb(34, 34, 34); font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; font-size: 0.8rem; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { display: flex; flex-direction: column; @@ -72,7 +64,6 @@ align-items: start; justify-content: start; } - .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { padding: 0; font-size: 1.2rem; @@ -80,7 +71,6 @@ font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; margin: 5px; } - .dashboard .dashboard-Wrap .dashboard-Mid { height: 60%; width: 100%; @@ -90,7 +80,6 @@ align-items: center; justify-content: space-between; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { height: 100%; width: 65%; @@ -99,7 +88,6 @@ overflow: hidden; margin-left: 5px; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap { height: 100%; width: 100%; @@ -108,7 +96,6 @@ text-align: start; align-items: start; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card { width: 100%; height: 40px; @@ -119,7 +106,6 @@ justify-content: space-evenly; background-color: aliceblue; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right { height: 100%; width: 30%; @@ -131,7 +117,6 @@ background-color: aliceblue; border-radius: 15px 0 0 15px; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { @@ -145,7 +130,6 @@ background-color: rgb(0, 196, 10); color: white; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap { @@ -158,7 +142,6 @@ height: 100%; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs { @@ -169,11 +152,33 @@ padding-left: 15px; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } - +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons { + width: 50px; + background-color: transparent; + border: solid white 2px; + color: white; + border-radius: 5px; + cursor: pointer; +} +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:hover, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:hover, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:hover { + background-color: aliceblue; + color: black; + border: solid black 2px; +} +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:active, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:active, +.dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:active { + transform: scale(0.9); +} .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid { background-color: rgb(196, 72, 0); } - .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { background-color: rgb(224, 1, 1); } + +/*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 303eb6e..18d12c2 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAwKF;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 28349fa..8186933 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -162,6 +162,25 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; padding-left: 15px; font-family: $fontOne; } + + .dashboard-Card-Inputs-Buttons { + width: 50px; + background-color: transparent; + border: solid white 2px; + color: white; + border-radius: 5px; + cursor: pointer; + + &:hover { + background-color: aliceblue; + color: black; + border: solid black 2px; + } + + &:active { + transform: scale(0.9); + } + } } } } From 0c5a48459323abde49c537628061219ce6daddc4 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:16:36 +0100 Subject: [PATCH 33/41] addded styling to .dashboard-Bottom --- src/dashboard.css | 19 ++++++++++++++++--- src/dashboard.css.map | 2 +- src/dashboard.scss | 20 +++++++++++++++++--- src/home.html | 4 ++++ 4 files changed, 38 insertions(+), 7 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index 5a3203a..24f82cf 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -72,7 +72,7 @@ margin: 5px; } .dashboard .dashboard-Wrap .dashboard-Mid { - height: 60%; + height: 75%; width: 100%; display: flex; flex-direction: row; @@ -84,9 +84,8 @@ height: 100%; width: 65%; display: flex; - border-radius: 15px; + border-radius: 0 15px 15px 0; overflow: hidden; - margin-left: 5px; } .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap { height: 100%; @@ -126,6 +125,7 @@ align-items: center; justify-content: center; width: 90%; + padding: 5px; border-radius: 15px; background-color: rgb(0, 196, 10); color: white; @@ -180,5 +180,18 @@ .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { background-color: rgb(224, 1, 1); } +.dashboard .dashboard-Wrap .dashboard-Bottom { + display: flex; + width: 100%; + flex-direction: row; + text-align: center; + align-items: center; + justify-content: space-between; + height: 10%; + padding: 0; + margin: 0; + border-radius: 15px 15px 0 0; + background-color: aliceblue; +} /*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 18d12c2..2a0ec50 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 8186933..a1e97da 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -82,7 +82,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; } .dashboard-Mid { - height: 60%; + height: 75%; width: 100%; display: flex; flex-direction: row; @@ -94,9 +94,8 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; height: 100%; width: 65%; display: flex; - border-radius: 15px; + border-radius: 0 15px 15px 0; overflow: hidden; - margin-left: 5px; .dashboard-Mid-Left-Wrap { height: 100%; @@ -139,6 +138,7 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; align-items: center; justify-content: center; width: 90%; + padding: 5px; border-radius: 15px; background-color: rgb(0, 196, 10); color: white; @@ -194,5 +194,19 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; } } } + + .dashboard-Bottom { + display: flex; + width: 100%; + flex-direction: row; + text-align: center; + align-items: center; + justify-content: space-between; + height: 10%; + padding: 0; + margin: 0; + border-radius: 15px 15px 0 0; + background-color: aliceblue; + } } } diff --git a/src/home.html b/src/home.html index 17f6e62..eae0c87 100644 --- a/src/home.html +++ b/src/home.html @@ -494,6 +494,8 @@

25 925,59$

class="dashboard-Card-Inputs" id="dashboard-Card-Input-Amount" placeholder="Amount" + min="1" + max="1500" />
-
in 27 035,20 €
-
out 1109,61 €
+
in 27 035,20 $
+
out 1109,61 $
From 44d9569512370286b398a77485ed6783ae6589f0 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:25:58 +0100 Subject: [PATCH 37/41] added styling to dashboard bottom left sort btn --- src/dashboard.css | 11 +++++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 12 ++++++++++++ 3 files changed, 24 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index 91b565f..fd9e177 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -219,6 +219,17 @@ .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Out-Wrap { background-color: red; } +.dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Sort-Btn { + background-color: transparent; + border: solid black 2px; + cursor: pointer; + width: 70px; + height: 50%; + background-color: transparent; + font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; + color: black; + font-weight: 600; +} .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Right { width: 30%; height: 100%; diff --git a/src/dashboard.css.map b/src/dashboard.css.map index b57ff49..c9b7329 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,aArPA;EAsPA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 4b76665..b0073c7 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -235,6 +235,18 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; .dashboard-Bottom-Left-Out-Wrap { background-color: red; } + + .dashboard-Bottom-Left-Sort-Btn { + background-color: transparent; + border: solid black 2px; + cursor: pointer; + width: 70px; + height: 50%; + background-color: transparent; + font-family: $fontOne; + color: black; + font-weight: 600; + } } .dashboard-Bottom-Right { From 5367ead48c8013c9f8fbfaf415edb428f4f17c67 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:27:53 +0100 Subject: [PATCH 38/41] added hover and active effects the the sort btn --- src/dashboard.css | 9 +++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 11 +++++++++++ 3 files changed, 21 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index fd9e177..f763f74 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -229,6 +229,15 @@ font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; color: black; font-weight: 600; + transition: all 50ms ease-in-out; +} +.dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Sort-Btn:hover { + color: white; + background-color: black; + border: solid white 2px; +} +.dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Sort-Btn:active { + transform: scale(0.9); } .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Right { width: 30%; diff --git a/src/dashboard.css.map b/src/dashboard.css.map index c9b7329..05d972c 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,aArPA;EAsPA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,aArPA;EAsPA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index b0073c7..1010d06 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -246,6 +246,17 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; font-family: $fontOne; color: black; font-weight: 600; + transition: all 50ms ease-in-out; + + &:hover { + color: white; + background-color: black; + border: solid white 2px; + } + + &:active { + transform: scale(0.9); + } } } From 706ab76b642943cda022a6ba4a7ffe8c6d2156e6 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:34:49 +0100 Subject: [PATCH 39/41] linters errors fix + added overflow mods --- src/dashboard.css | 42 ++++++++++++++++-- src/dashboard.css.map | 2 +- src/dashboard.scss | 10 ++++- src/home.html | 100 ++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 147 insertions(+), 7 deletions(-) diff --git a/src/dashboard.css b/src/dashboard.css index f763f74..01da80b 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -7,6 +7,7 @@ height: 100vh; background-color: rgb(209, 209, 209); } + .dashboard .dashboard-Wrap { width: 769px; height: 600px; @@ -18,6 +19,7 @@ border: solid white 2px; border-radius: 17px 17px 0 0; } + .dashboard .dashboard-Wrap .dashboard-Top { display: flex; flex-direction: row; @@ -29,10 +31,12 @@ background-color: aliceblue; border-radius: 15px 15px 0 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { padding: 0; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; @@ -40,10 +44,12 @@ color: rgb(34, 34, 34); margin: 5px; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid { padding: 0; margin: 0; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { padding: 0; @@ -52,10 +58,12 @@ color: rgb(34, 34, 34); font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { color: gray; font-size: 0.8rem; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right { display: flex; flex-direction: column; @@ -64,6 +72,7 @@ align-items: start; justify-content: start; } + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { padding: 0; font-size: 1.2rem; @@ -71,6 +80,7 @@ font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; margin: 5px; } + .dashboard .dashboard-Wrap .dashboard-Mid { height: 75%; width: 100%; @@ -80,6 +90,7 @@ align-items: center; justify-content: space-between; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { height: 100%; width: 65%; @@ -87,6 +98,7 @@ border-radius: 0 15px 15px 0; overflow: hidden; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap { height: 100%; width: 100%; @@ -94,7 +106,11 @@ flex-direction: column; text-align: start; align-items: start; + overflow-y: auto; + overflow-x: hidden; + gap: 1px; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card { width: 100%; height: 40px; @@ -104,7 +120,13 @@ align-items: center; justify-content: space-evenly; background-color: aliceblue; + border: solid rgba(175, 175, 175, 0.678) 1px; + border-left: none; + border-top: none; + border-right: none; + padding: 1px; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right { height: 100%; width: 30%; @@ -116,6 +138,7 @@ background-color: aliceblue; border-radius: 15px 0 0 15px; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { @@ -130,6 +153,7 @@ background-color: rgb(0, 196, 10); color: white; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap { @@ -142,6 +166,7 @@ height: 100%; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs { @@ -152,6 +177,7 @@ padding-left: 15px; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons { @@ -162,6 +188,7 @@ border-radius: 5px; cursor: pointer; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:hover, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:hover, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:hover { @@ -169,17 +196,21 @@ color: black; border: solid black 2px; } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:active, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:active, .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons:active { transform: scale(0.9); } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid { background-color: rgb(196, 72, 0); } + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom { background-color: rgb(224, 1, 1); } + .dashboard .dashboard-Wrap .dashboard-Bottom { display: flex; width: 100%; @@ -193,6 +224,7 @@ border-radius: 15px 15px 0 0; background-color: aliceblue; } + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left { display: flex; width: 55%; @@ -202,6 +234,7 @@ justify-content: space-between; flex-direction: row; } + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-In-Wrap, .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Out-Wrap { height: 50%; @@ -211,34 +244,37 @@ text-align: center; display: flex; flex-direction: row; - text-align: center; align-items: center; justify-content: center; width: 150px; } + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Out-Wrap { background-color: red; } + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Sort-Btn { background-color: transparent; border: solid black 2px; cursor: pointer; width: 70px; height: 50%; - background-color: transparent; font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; color: black; font-weight: 600; transition: all 50ms ease-in-out; } + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Sort-Btn:hover { color: white; background-color: black; border: solid white 2px; } + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Sort-Btn:active { transform: scale(0.9); } + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Right { width: 30%; height: 100%; @@ -249,5 +285,3 @@ justify-content: end; flex-direction: row; } - -/*# sourceMappingURL=dashboard.css.map */ diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 05d972c..7e7fd7b 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAzJF;;AA4JI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aAlKN;;AAqKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,aArPA;EAsPA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAjKF;;AAoKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aA1KN;;AA6KI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,aA3PA;EA4PA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 1010d06..8253800 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -104,6 +104,9 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; flex-direction: column; text-align: start; align-items: start; + overflow-y: auto; + overflow-x: hidden; + gap: 1px; .dashboard-Transfer-Card { width: 100%; @@ -114,6 +117,11 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; align-items: center; justify-content: space-evenly; background-color: aliceblue; + border: solid rgba(175, 175, 175, 0.678) 1px; + border-left: none; + border-top: none; + border-right: none; + padding: 1px; } } } @@ -226,7 +234,6 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; text-align: center; display: flex; flex-direction: row; - text-align: center; align-items: center; justify-content: center; width: 150px; @@ -242,7 +249,6 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; cursor: pointer; width: 70px; height: 50%; - background-color: transparent; font-family: $fontOne; color: black; font-weight: 600; diff --git a/src/home.html b/src/home.html index eb3ca3b..1d924c6 100644 --- a/src/home.html +++ b/src/home.html @@ -476,6 +476,106 @@

25 925,59$

19/12/2023
10$
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
+
+
Depost
+
19/12/2023
+
10$
+
From 2a130444c3fe494b32c6fa246d964a32e8876091 Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:48:47 +0100 Subject: [PATCH 40/41] added responsvness size 800px to dashboard page --- src/dashboard.css | 105 ++++++++++++++++++++++++++++++++++++ src/dashboard.css.map | 2 +- src/dashboard.scss | 121 ++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 227 insertions(+), 1 deletion(-) diff --git a/src/dashboard.css b/src/dashboard.css index 01da80b..ed2700d 100644 --- a/src/dashboard.css +++ b/src/dashboard.css @@ -285,3 +285,108 @@ justify-content: end; flex-direction: row; } + +@media screen and (max-width: 800px) { + .dashboard { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + height: 100vh; + background-color: rgb(209, 209, 209); + } + + .dashboard .dashboard-Wrap { + width: 360px; + height: 600px; + } + + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Left .dashboard-Top-Left-Text-1 { + font-size: 0.9rem; + } + + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-1, + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { + font-size: 0.9rem; + } + + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Mid .dashboard-Top-Mid-Text-2 { + font-size: 0.7rem; + } + + .dashboard .dashboard-Wrap .dashboard-Top .dashboard-Top-Right .dashboard-Top-Right-Text-1 { + padding: 0; + font-size: 0.9rem; + color: rgb(34, 34, 34); + font-family: "Poppins", "Helvetica Neue", helvetica, sans-serif; + margin: 5px; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left { + width: 55%; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card .type-Of-Transfer { + font-size: 0.8rem; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card .date-Of-Transfer { + font-size: 0.7rem; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Left .dashboard-Mid-Left-Wrap .dashboard-Transfer-Card .amount-Of-Transfer { + font-size: 0.8rem; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right { + width: 40%; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Title, + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Title, + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Title { + font-size: 0.8rem; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs, + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs { + width: 80%; + } + + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Top .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons, + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Mid .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons, + .dashboard .dashboard-Wrap .dashboard-Mid .dashboard-Mid-Right .dashboard-Mid-Bottom .dashboard-Card-Wrap .dashboard-Card-Inputs-Wrap .dashboard-Card-Inputs-Buttons { + border: solid white 1px; + width: 50%; + } + + .dashboard .dashboard-Wrap .dashboard-Bottom { + justify-content: space-between; + } + + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left { + width: 70%; + } + + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-In-Wrap { + font-size: 0.7rem; + } + + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Out-Wrap { + font-size: 0.7rem; + } + + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Left .dashboard-Bottom-Left-Sort-Btn { + cursor: pointer; + width: 50px; + font-size: 0.7rem; + } + + .dashboard .dashboard-Wrap .dashboard-Bottom .dashboard-Bottom-Right { + font-size: 0.6rem; + text-align: center; + width: 25%; + } +} diff --git a/src/dashboard.css.map b/src/dashboard.css.map index 7e7fd7b..3cd71e0 100644 --- a/src/dashboard.css.map +++ b/src/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAjKF;;AAoKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aA1KN;;AA6KI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,aA3PA;EA4PA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dashboard.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["dashboard.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA,aAvCA;EAwCA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA,aAxDA;;AA2DF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,aA7EA;EA8EA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAjKF;;AAoKI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA,aA1KN;;AA6KI;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAOV;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,aA3PA;EA4PA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAII;IACE;;EAKF;AAAA;IAEE;;EAGF;IACE;;EAKF;IACE;IACA;IACA;IACA,aA/TF;IAgUE;;EAMJ;IACE;;EAII;IACE;;EAGF;IACE;;EAGF;IACE;;EAMR;IACE;;EAMI;AAAA;AAAA;IACE;;EAIA;AAAA;AAAA;IACE;;EAGF;AAAA;AAAA;IACE;IACA;;EAQZ;IACE;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAIJ;IACE;IACA;IACA","file":"dashboard.css"} \ No newline at end of file diff --git a/src/dashboard.scss b/src/dashboard.scss index 8253800..a438a55 100644 --- a/src/dashboard.scss +++ b/src/dashboard.scss @@ -279,3 +279,124 @@ $fontOne: "Poppins", "Helvetica Neue", helvetica, sans-serif; } } } + +@media screen and (max-width: 800px) { + .dashboard { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + justify-content: center; + height: 100vh; + background-color: rgb(209, 209, 209); + + .dashboard-Wrap { + width: 360px; + height: 600px; + + .dashboard-Top { + .dashboard-Top-Left { + .dashboard-Top-Left-Text-1 { + font-size: 0.9rem; + } + } + + .dashboard-Top-Mid { + .dashboard-Top-Mid-Text-1, + .dashboard-Top-Mid-Text-2 { + font-size: 0.9rem; + } + + .dashboard-Top-Mid-Text-2 { + font-size: 0.7rem; + } + } + + .dashboard-Top-Right { + .dashboard-Top-Right-Text-1 { + padding: 0; + font-size: 0.9rem; + color: rgb(34, 34, 34); + font-family: $fontOne; + margin: 5px; + } + } + } + + .dashboard-Mid { + .dashboard-Mid-Left { + width: 55%; + + .dashboard-Mid-Left-Wrap { + .dashboard-Transfer-Card { + .type-Of-Transfer { + font-size: 0.8rem; + } + + .date-Of-Transfer { + font-size: 0.7rem; + } + + .amount-Of-Transfer { + font-size: 0.8rem; + } + } + } + } + + .dashboard-Mid-Right { + width: 40%; + + .dashboard-Mid-Top, + .dashboard-Mid-Mid, + .dashboard-Mid-Bottom { + .dashboard-Card-Wrap { + .dashboard-Card-Title { + font-size: 0.8rem; + } + + .dashboard-Card-Inputs-Wrap { + .dashboard-Card-Inputs { + width: 80%; + } + + .dashboard-Card-Inputs-Buttons { + border: solid white 1px; + width: 50%; + } + } + } + } + } + } + + .dashboard-Bottom { + justify-content: space-between; + + .dashboard-Bottom-Left { + width: 70%; + + .dashboard-Bottom-Left-In-Wrap { + font-size: 0.7rem; + } + + .dashboard-Bottom-Left-Out-Wrap { + font-size: 0.7rem; + } + + .dashboard-Bottom-Left-Sort-Btn { + cursor: pointer; + width: 50px; + font-size: 0.7rem; + } + } + + .dashboard-Bottom-Right { + font-size: 0.6rem; + text-align: center; + width: 25%; + } + } + } + } +} From c58be36999defa43b86de26b1d413b3be1df2c3b Mon Sep 17 00:00:00 2001 From: Ameer Date: Mon, 8 Jan 2024 08:50:30 +0100 Subject: [PATCH 41/41] html change --- src/home.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/home.html b/src/home.html index 1d924c6..0791356 100644 --- a/src/home.html +++ b/src/home.html @@ -641,7 +641,7 @@

25 925,59$

type="text" class="dashboard-Card-Inputs" id="dashboard-Card-Confirm-User" - placeholder="Confirm user" + placeholder="Confirm email" />