pianello/pianello-web-app
pianello/pianello-web-app
2
0
Fork 0
Code Issues 3 Pull requests Projects 1 Releases Packages 1 Wiki Activity

grid-template-rows to manage alignment on home
All checks were successful
ci/woodpecker/push/build Pipeline was successful
Details

Browse source
This commit is contained in:
Alessio Davoli 2023-07-24 12:48:33 +02:00
parent b09aca2c20
commit 365f9a0cc6
2 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/lib/components/Path.svelte
View file

@ -33,6 +33,7 @@
--route-card-radius: 45px; --route-card-radius: 45px;
border-radius: var(--route-card-radius); border-radius: var(--route-card-radius);
box-shadow: 0 0 27px #ccc; box-shadow: 0 0 27px #ccc;
margin: 0 auto;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
width: 90%; width: 90%;
@ -54,6 +55,7 @@
border-bottom-left-radius: var(--route-card-radius); border-bottom-left-radius: var(--route-card-radius);
display: grid; display: grid;
place-items: center; place-items: center;
max-width: 10%;
} }
.route-card-left img { .route-card-left img {

6
frontend/src/routes/+page.svelte
View file

@ -19,7 +19,9 @@
display: grid; display: grid;
margin: 0 auto; margin: 0 auto;
height: 100%; height: 100%;
width: 100%;
font-family: 'Roboto-Regular'; font-family: 'Roboto-Regular';
grid-template-rows: 16% 16% 16% 16% 16% 16%;
} }
.bold { .bold {
@ -33,9 +35,13 @@
place-content: center; place-content: center;
grid-template-columns: 1fr; grid-template-columns: 1fr;
text-align: center; text-align: center;
grid-row-start: 1;
grid-row-end: 1;
} }
#route-cards { #route-cards {
grid-row-start: 2;
grid-row-end: 7;
display: grid; display: grid;
width: 100%; width: 100%;
} }