flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Viewer: Fix Carousel elements positioning

Browse Source
This commit is contained in:
Félix Péault
2020-03-31 20:02:27 +02:00
parent 88186f479c
commit b00fbd031e
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/style/pages/_viewer.scss
View File

@@ -77,7 +77,7 @@
} }
// Landscape // Landscape
@media screen and (max-width: $screen-lg) and (orientation: landscape) { @media screen and (max-width: $screen-lg) and (orientation: landscape) {
width: 60%; width: 95%;
} }
// Gallery // Gallery
@@ -138,22 +138,22 @@
left: 0; left: 0;
top: -28vw; top: -28vw;
width: 100%; width: 100%;
height: 42vw; height: 40vw;
max-height: 232px;
overflow: hidden; overflow: hidden;
@include breakpoint (sm) { @include breakpoint (sm) {
top: auto; top: auto;
right: 176px; right: 8vw;
left: auto; left: auto;
// bottom: -240px; bottom: -14.5vw;
width: auto; width: auto;
font-size: rem(240px); height: 16.8vw;
font-size: 21vw;
text-align: right; text-align: right;
} }
@include breakpoint (md) { @include breakpoint (md) {
// bottom: -288px; bottom: -180px;
bottom: -160px; height: 232px;
font-size: rem(300px); font-size: rem(300px);
} }
} }