ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust responsiveness on SurahStream.tsx

Browse source
This commit is contained in:
0x1eef 2023-12-04 09:07:05 -03:00
parent 4c57ec4d80
commit fc25721e53
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/css/pages/SurahStream.scss
View file

@ -5,10 +5,13 @@
body .root .content.theme { body .root .content.theme {
height: 80%; height: 80%;
@media (max-device-height: 1024px) { height: 75%; } @media (max-device-height: 968px) { height: 75%; }
@media (max-height: 800px) { height: 70%; } @media (max-height: 800px) { height: 70%; }
@media (max-height: 700px) { height: 65%; } @media (max-height: 700px) { height: 65%; }
@media (max-height: 600px) { height: 60%; } @media (max-height: 600px) { height: 60%; }
@media (max-height: 500px) { height: 55%; }
@media (max-height: 400px) { height: 45%; }
@media (max-height: 330px) { height: 35%; }
ul.body.stream { ul.body.stream {
scrollbar-gutter: stable; scrollbar-gutter: stable;