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

Center-align surah content

Browse source
This commit is contained in:
0x1eef 2024-10-04 11:33:57 -03:00
parent 3802de7df7
commit 4146973cf6
2 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
share/al-quran.reflectslight.io/CHANGELOG.txt
View file

@ -2,6 +2,10 @@
* vNEXT
** Center-align ~ul.body.stream~
For RTL languages we will show the content of a surah centered,
and within a max width of 470px
** Render ~LanguageSelect.tsx~ items in an optimal font
RTL languages have ~Cairo Regular~ applied.
LTR languages have ~Kanit Regular~ applied

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

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