RanchiMall/flopay
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor UI tweaks

Browse Source
This commit is contained in:
sairaj mote 2022-05-13 16:58:13 +05:30
parent 2de8b9023e
commit de13166f98
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/main.css
View File

@ -15,7 +15,7 @@ body {
} }
body { body {
--accent-color: #256eff; --accent-color: #4d77ff;
--text-color: 20, 20, 20; --text-color: 20, 20, 20;
--foreground-color: 252, 253, 255; --foreground-color: 252, 253, 255;
--background-color: 241, 243, 248; --background-color: 241, 243, 248;
@ -33,7 +33,7 @@ body {
} }
body[data-theme=dark] { body[data-theme=dark] {
--accent-color: rgb(144, 184, 248); --accent-color: #a0b6ff;
--text-color: 220, 220, 220; --text-color: 220, 220, 220;
--foreground-color: 27, 28, 29; --foreground-color: 27, 28, 29;
--background-color: 21, 22, 22; --background-color: 21, 22, 22;
@ -629,8 +629,9 @@ ul {
justify-content: center; justify-content: center;
padding: 0.5rem 0.3rem; padding: 0.5rem 0.3rem;
color: var(--text-color); color: var(--text-color);
font-size: 0.85rem; font-size: 0.8rem;
border-radius: 0.3rem; border-radius: 0.3rem;
font-weight: 500;
} }
.nav-item .icon { .nav-item .icon {
transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
@ -739,7 +740,7 @@ ul {
.balance-card { .balance-card {
scroll-snap-align: start; scroll-snap-align: start;
padding: 1.5rem; padding: 1.5rem;
border-radius: 0.5rem; border-radius: 1rem;
width: min(16rem, 90%); width: min(16rem, 90%);
flex-shrink: 0; flex-shrink: 0;
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);
@ -1385,7 +1386,7 @@ ul {
width: calc(100vw - 2rem); width: calc(100vw - 2rem);
grid-template-areas: "header" "."; grid-template-areas: "header" ".";
position: relative; position: relative;
border-radius: 0.5rem; border-radius: 0.8rem;
overflow: hidden; overflow: hidden;
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 1rem 3rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), 0 1rem 3rem rgba(0, 0, 0, 0.2);
} }

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
css/main.scss
View File

@ -14,7 +14,7 @@ body {
} }
body { body {
--accent-color: #256eff; --accent-color: #4d77ff;
--text-color: 20, 20, 20; --text-color: 20, 20, 20;
--foreground-color: 252, 253, 255; --foreground-color: 252, 253, 255;
--background-color: 241, 243, 248; --background-color: 241, 243, 248;
@ -32,7 +32,7 @@ body {
} }
body[data-theme="dark"] { body[data-theme="dark"] {
--accent-color: rgb(144, 184, 248); --accent-color: #a0b6ff;
--text-color: 220, 220, 220; --text-color: 220, 220, 220;
--foreground-color: 27, 28, 29; --foreground-color: 27, 28, 29;
--background-color: 21, 22, 22; --background-color: 21, 22, 22;
@ -585,8 +585,9 @@ ul {
justify-content: center; justify-content: center;
padding: 0.5rem 0.3rem; padding: 0.5rem 0.3rem;
color: var(--text-color); color: var(--text-color);
font-size: 0.85rem; font-size: 0.8rem;
border-radius: 0.3rem; border-radius: 0.3rem;
font-weight: 500;
.icon { .icon {
transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
} }
@ -692,7 +693,7 @@ ul {
.balance-card { .balance-card {
scroll-snap-align: start; scroll-snap-align: start;
padding: 1.5rem; padding: 1.5rem;
border-radius: 0.5rem; border-radius: 1rem;
width: min(16rem, 90%); width: min(16rem, 90%);
flex-shrink: 0; flex-shrink: 0;
color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8);
@ -1306,7 +1307,7 @@ ul {
grid-template-areas: "nav header" "nav ."; grid-template-areas: "nav header" "nav .";
} }
position: relative; position: relative;
border-radius: 0.5rem; border-radius: 0.8rem;
overflow: hidden; overflow: hidden;
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05), box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05),
0 1rem 3rem rgba(0, 0, 0, 0.2); 0 1rem 3rem rgba(0, 0, 0, 0.2);