ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

an attempt at fixing the image

Browse Source
This commit is contained in:
Zakary Timson
2019-08-24 23:21:05 -04:00
parent a996f18f15
commit 049009b75f
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/animatedBackground/animatedBackground.component.scss
View File

@@ -1148,7 +1148,10 @@
/* 1/10 and 5/9 --- out of range*/ /* 1/10 and 5/9 --- out of range*/
@media screen and (min-aspect-ratio: 1/10) and (max-aspect-ratio: 5/9){ @media screen and (min-aspect-ratio: 1/10) and (max-aspect-ratio: 5/9){
body{background: rgb(31, 60, 80);} .twinkles{top: 62%; width: 3%;}
body:before{content:'Aspect ratio out of range - too narrow';color: white;text-align: center;width: 100%;height: 100%;display: block;position: absolute;top: 50%;} #reflection, #sunMask{height: 8%;}
#sky, #reflection, #sunMask, #landscape, #bottom, #stag, .controls, .stars, .sunMask, .clouds, .lighting, .vignette, .twinkleWrap,.spriteWrap{display: none;} #landscape{bottom: 20%;}
#bottom{top: 80%;}
#stag{bottom: 21.5%;}
.sun{top: -55%;}
} }