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

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

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