minor UI tweaks

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

View File

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

File diff suppressed because one or more lines are too long

View File

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