diff --git a/packages/gui/src/routes/+layout.svelte b/packages/gui/src/routes/+layout.svelte index b24e474..153952a 100644 --- a/packages/gui/src/routes/+layout.svelte +++ b/packages/gui/src/routes/+layout.svelte @@ -49,14 +49,31 @@ height: 100vh; overflow-y: scroll; } - figure { - position: fixed; - z-index: 0; - top: 220px; - left: 240px; - right: 0px; - bottom: 0px; - background-image: url('/images/footer-grid-element.svg'); + @media screen and (min-width: 1215px) { + figure { + position: fixed; + z-index: 0; + top: 220px; + left: 240px; + right: 0px; + bottom: 0px; + background-image: url('/images/gui-background-grid.svg'); + background-size: cover; + background-repeat: repeat; + } + } + @media screen and (max-width: 1215px) { + figure { + position: fixed; + z-index: 0; + top: 220px; + left: 240px; + right: 0px; + bottom: 0px; + background-image: url('/images/gui-background-grid.svg'); + background-size: contain; + background-repeat: repeat; + } } header { position: absolute; diff --git a/packages/gui/static/images/gui-background-grid.svg b/packages/gui/static/images/gui-background-grid.svg new file mode 100644 index 0000000..1da61ed --- /dev/null +++ b/packages/gui/static/images/gui-background-grid.svg @@ -0,0 +1 @@ + \ No newline at end of file