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

Fix layout on low-res devices

Browse source
This commit is contained in:
0x1eef 2024-10-04 15:02:30 -03:00
parent 74d444031c
commit 026b5248c8
1 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/css/main/SurahStream.scss
View file

@ -21,10 +21,13 @@ body .root .content.theme {
body .root .content.theme.rtl {
ul.body.stream {
li.ayah p {
width: 100%;
@extend .font-amiri;
}
}
/* >= $breakpoint-sm */
@media (min-width: $breakpoint-sm) {
ul.body.stream {
display: flex;
flex-direction: column;
@ -32,13 +35,5 @@ body .root .content.theme.rtl {
max-width: 470px;
align-self: center;
}
/* <= $breakpoint-sm */
@media (max-width: $breakpoint-sm) {
ul.body.stream {
li.ayah p {
width: 100%;
}
}
}
}