dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-07-05 19:11:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: scrollbars on non macOS systems

Browse source
This commit is contained in:
EETagent 2023-01-16 00:20:59 +01:00
parent 33e2727b4a
commit 937a8bbc20
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/lib/components/layout/FullLayout.svelte
View file

@ -29,12 +29,12 @@
} }
.bgImage { .bgImage {
@apply -z-20; @apply -z-20;
@apply min-w-screen absolute min-h-screen min-w-full; @apply min-w-screen fixed min-h-screen min-w-full;
@apply bg-cover bg-no-repeat; @apply bg-cover bg-no-repeat;
background-position: 55%; background-position: 55%;
} }
.bgOverlay { .bgOverlay {
@apply min-w-screen absolute -z-10 min-h-screen; @apply min-w-screen fixed -z-10 min-h-screen;
background: linear-gradient(45deg, rgba(18, 48, 75, 1), rgba(119, 173, 224, 0.443)); background: linear-gradient(45deg, rgba(18, 48, 75, 1), rgba(119, 173, 224, 0.443));
@apply bg-cover; @apply bg-cover;
} }
@ -50,7 +50,7 @@
@apply p-7; @apply p-7;
} }
.view { .view {
@apply z-10 overflow-scroll; @apply z-10;
@apply top-0 right-0 bottom-0 left-0 m-auto h-screen w-screen; @apply top-0 right-0 bottom-0 left-0 m-auto h-screen w-screen;
} }
.content { .content {

6
frontend/src/lib/components/layout/SplitLayout.svelte
View file

@ -28,11 +28,11 @@
<style lang="postcss"> <style lang="postcss">
.bgImage { .bgImage {
@apply -z-20; @apply -z-20;
@apply min-w-screen absolute min-h-full md:min-w-[50vw]; @apply min-w-screen fixed min-h-full md:min-w-[50vw];
@apply bg-cover bg-no-repeat; @apply bg-cover bg-no-repeat;
} }
.bgOverlay { .bgOverlay {
@apply min-w-screen absolute -z-10 min-h-full md:min-w-[50vw]; @apply min-w-screen fixed -z-10 min-h-full md:min-w-[50vw];
background: linear-gradient(45deg, rgba(18, 48, 75, 1), rgba(119, 173, 224, 0.443)); background: linear-gradient(45deg, rgba(18, 48, 75, 1), rgba(119, 173, 224, 0.443));
@apply bg-cover; @apply bg-cover;
} }
@ -48,7 +48,7 @@
@apply p-7; @apply p-7;
} }
.view { .view {
@apply z-10 overflow-scroll; @apply z-10;
@apply absolute top-0 right-0 bottom-0 left-0 m-auto md:top-auto md:bottom-auto md:left-auto md:m-0; @apply absolute top-0 right-0 bottom-0 left-0 m-auto md:top-auto md:bottom-auto md:left-auto md:m-0;
@apply md:h-screen md:w-[50vw]; @apply md:h-screen md:w-[50vw];
@apply md:my-auto; @apply md:my-auto;