ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-06-07 15:50:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Grid adjustments, margins are consistently aligned with y-axis

Browse source
This commit is contained in:
Thomas Smith 2022-12-19 15:50:02 -05:00
parent 004ea41619
commit 4f270be8e6
1 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/gui/src/routes/+layout.svelte
View file

@ -24,7 +24,7 @@
{/if}
<figure />
<div style="padding: 0vw 3.33vw;">
<div class="content">
<!-- all pages get inserted in this slot -->
<slot />
</div>
@ -50,7 +50,8 @@
height: 100vh;
overflow-y: scroll;
}
@media screen and (min-width: 1215px) {
@media screen and (min-width: 1440px) {
figure {
position: fixed;
z-index: 0;
@ -60,10 +61,13 @@
bottom: 0px;
background-image: url('/images/gui-background-grid.svg');
background-size: cover;
background-repeat: repeat;
background-repeat: repeat-y;
}
.content {
padding: 0vw 3.6vw !important;
}
}
@media screen and (max-width: 1215px) {
@media screen and (max-width: 1440px) {
figure {
position: fixed;
z-index: 0;
@ -75,6 +79,9 @@
background-size: contain;
background-repeat: repeat;
}
.content {
padding: 0vw 3.33vw;
}
}
header {
position: absolute;