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