From 0ba69e502b89ed2d8fe51b3b8b40eb8fba5830e1 Mon Sep 17 00:00:00 2001 From: sowgro Date: Fri, 21 Mar 2025 23:11:37 -0400 Subject: start making some css --- ufund-ui/src/styles.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index 90d4ee0..471f272 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -1 +1,13 @@ /* You can add global styles to this file, and also import other style files */ + +* { + box-sizing: border-box; +} + +html, body { + margin: 0; +} + +body { + font-family: sans-serif; +} -- cgit v1.2.3 From 0be2b5868bdda04146a22ec81596dbbb81922360 Mon Sep 17 00:00:00 2001 From: sowgro Date: Sat, 22 Mar 2025 00:04:40 -0400 Subject: improve login page --- ufund-ui/src/styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index 471f272..fdf67c7 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -6,8 +6,17 @@ html, body { margin: 0; + height: 100%; } body { font-family: sans-serif; } + +input { + font-size: 14pt; +} + +button, .button { + font-size: 14pt; +} -- cgit v1.2.3 From 381e57d62f01056d823af74d186f6de87df9fcee Mon Sep 17 00:00:00 2001 From: sowgro Date: Sat, 22 Mar 2025 16:35:10 -0400 Subject: Dark mode! --- ufund-ui/src/styles.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index fdf67c7..dc7dcea 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -1,5 +1,9 @@ /* You can add global styles to this file, and also import other style files */ +:root { + color-scheme: light dark; +} + * { box-sizing: border-box; } @@ -7,6 +11,7 @@ html, body { margin: 0; height: 100%; + background-color: light-dark(white, #242424); } body { @@ -15,8 +20,24 @@ body { input { font-size: 14pt; + padding: 5px; + border-radius: 5px; + border-style: none; + background-color: light-dark(#ebebeb, #3a3a3a); + + &:hover { + background-color: light-dark(#e1e1e1, #444444); + } } button, .button { font-size: 14pt; + padding: 5px 10px; + border-radius: 5px; + border-style: none; + background-color: light-dark(#ebebeb, #3a3a3a); + + &:hover { + background-color: light-dark(#e1e1e1, #444444); + } } -- cgit v1.2.3 From 96f833352eff7b9428daf2add988ecd0a2b41d92 Mon Sep 17 00:00:00 2001 From: sowgro Date: Mon, 24 Mar 2025 21:21:32 -0400 Subject: Tweak style --- ufund-ui/src/styles.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index dc7dcea..bad2232 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -22,7 +22,8 @@ input { font-size: 14pt; padding: 5px; border-radius: 5px; - border-style: none; + border-style: solid; + border-width: 1px; background-color: light-dark(#ebebeb, #3a3a3a); &:hover { @@ -32,7 +33,7 @@ input { button, .button { font-size: 14pt; - padding: 5px 10px; + padding: 6px 10px; border-radius: 5px; border-style: none; background-color: light-dark(#ebebeb, #3a3a3a); -- cgit v1.2.3 From fb4e2bc3eb66ca861eb8393ade21811e4510669a Mon Sep 17 00:00:00 2001 From: sowgro Date: Fri, 28 Mar 2025 19:09:53 -0400 Subject: Start implementation new design --- ufund-ui/src/styles.css | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index bad2232..49b478e 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -11,11 +11,12 @@ html, body { margin: 0; height: 100%; - background-color: light-dark(white, #242424); + background-color: light-dark(white, #000715); } body { - font-family: sans-serif; + font-family: Inter, sans-serif; + font-optical-sizing: auto; } input { @@ -33,8 +34,8 @@ input { button, .button { font-size: 14pt; - padding: 6px 10px; - border-radius: 5px; + padding: 6px 16px; + border-radius: 9999px; border-style: none; background-color: light-dark(#ebebeb, #3a3a3a); @@ -42,3 +43,13 @@ button, .button { background-color: light-dark(#e1e1e1, #444444); } } + +.button2 { + text-transform: uppercase; + border: 1px solid #5cdbff; + padding: 10px 25px; + font-size: 12pt; + font-weight: 600; + background-color: transparent; + text-shadow: #5cdbff 0 0 50px; +} -- cgit v1.2.3 From e1eb3f16e10042c2539b56d6c2d2e33f07abf7d9 Mon Sep 17 00:00:00 2001 From: sowgro Date: Fri, 28 Mar 2025 21:37:28 -0400 Subject: Implement new dashboard and mini-need-list --- ufund-ui/src/styles.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index 49b478e..e4b4e8c 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -53,3 +53,7 @@ button, .button { background-color: transparent; text-shadow: #5cdbff 0 0 50px; } + +.icon { + font-family: 'Material Symbols Outlined' +} -- cgit v1.2.3 From aa5610d0f56c2a048212b3bd3a9ca5671ec855fa Mon Sep 17 00:00:00 2001 From: sowgro Date: Sun, 30 Mar 2025 21:46:54 -0400 Subject: Continue working on css --- ufund-ui/src/styles.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index e4b4e8c..b3ecbd0 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -57,3 +57,7 @@ button, .button { .icon { font-family: 'Material Symbols Outlined' } + +h1 { + font-size: 40px; +} -- cgit v1.2.3 From 5f083f775917c15597b3b70a0eb6a0ce2fda7667 Mon Sep 17 00:00:00 2001 From: sowgro Date: Mon, 31 Mar 2025 11:28:42 -0400 Subject: More css tweaks --- ufund-ui/src/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index b3ecbd0..b152e61 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -32,7 +32,7 @@ input { } } -button, .button { +button, input[type=button], input[type=reset], input[type=submit], .button { font-size: 14pt; padding: 6px 16px; border-radius: 9999px; -- cgit v1.2.3 From aef3df6f9eacfe37479046826a9ca14310b72456 Mon Sep 17 00:00:00 2001 From: sowgro Date: Mon, 31 Mar 2025 21:54:38 -0400 Subject: Apply css to funding basket --- ufund-ui/src/styles.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index b152e61..f515154 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -38,6 +38,10 @@ button, input[type=button], input[type=reset], input[type=submit], .button { border-radius: 9999px; border-style: none; background-color: light-dark(#ebebeb, #3a3a3a); + display: flex; + gap: 5px; + text-align: center; + justify-content: center; &:hover { background-color: light-dark(#e1e1e1, #444444); -- cgit v1.2.3 From 896e1219526a19400c7143b274193f8b818d6156 Mon Sep 17 00:00:00 2001 From: sowgro Date: Mon, 31 Mar 2025 23:37:00 -0400 Subject: Commit half working changes to move to my laptop --- ufund-ui/src/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'ufund-ui/src/styles.css') diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css index f515154..75d6b36 100644 --- a/ufund-ui/src/styles.css +++ b/ufund-ui/src/styles.css @@ -1,7 +1,7 @@ /* You can add global styles to this file, and also import other style files */ :root { - color-scheme: light dark; + color-scheme: /*light*/ dark; } * { @@ -65,3 +65,7 @@ button, input[type=button], input[type=reset], input[type=submit], .button { h1 { font-size: 40px; } + +progress { + min-width: 100%; +} -- cgit v1.2.3