external/my-finance-pal
1
0
Fork 0
mirror of https://github.com/siwa-net/my-finance-pal.git synced 2024-11-13 02:04:14 +01:00
Code Issues Projects Releases Packages Wiki Activity

Button styles, Cards

Browse source
This commit is contained in:
Simon Wanner 2023-03-22 12:06:40 +01:00
parent 3fec33e5ca
commit 200445793c
5 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/BudgetItem/BudgetItem.module.scss
View file

@ -2,6 +2,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.5rem; gap: 0.5rem;
height: 250px; padding: 32px;
background: skyblue; border-radius: 4px;
box-shadow: var(--box-shadow-lev-1);
} }

1
src/components/BudgetList/BudgetList.module.scss
View file

@ -7,6 +7,5 @@
.ListItems { .ListItems {
display: grid; display: grid;
gap: 1rem; gap: 1rem;
border: 1px solid green;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
} }

2
src/components/Navigation/Navigation.module.scss
View file

@ -3,6 +3,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 16px; padding: 16px;
box-shadow: 0px -8px 24px 0px #555; box-shadow: var(--box-shadow-lev-2);
justify-content: space-between; justify-content: space-between;
} }

1
src/styles/app.module.scss
View file

@ -7,4 +7,5 @@
margin-inline: auto; margin-inline: auto;
width: var(--content-width); width: var(--content-width);
padding: 32px 0px;
} }

10
src/styles/globals.css
View file

@ -9,6 +9,10 @@
--background-start-rgb: 214, 219, 220; --background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255; --background-end-rgb: 255, 255, 255;
--box-shadow-color: #ddd;
--box-shadow-lev-1: 0px 2px 8px 0px var(--box-shadow-color);
--box-shadow-lev-2: 0px 2px 16px 0px var(--box-shadow-color);
--primary-glow: conic-gradient( --primary-glow: conic-gradient(
from 180deg at 50% 50%, from 180deg at 50% 50%,
#16abff33 0deg, #16abff33 0deg,
@ -98,9 +102,3 @@ a {
/* color-scheme: dark; */ /* color-scheme: dark; */
} }
} }
main {
display: flex;
flex-direction: column;
gap: 32px;
}