ReflectsLight/al-quran_kaios
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update UI

Browse source 
Add new screenshots, too
This commit is contained in:
0x1eef 2024-10-22 00:57:35 -03:00
parent 699851f833
commit 6d7caf12f9
4 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
README.md
View file

@ -10,7 +10,11 @@ The project is still in the early stages of development.
**SurahIndex.tsx**
![img](/share/al-quran.reflectslight.io/screenshots/240x320_SurahIndex.png)
![SurahIndex](/share/al-quran.reflectslight.io/screenshots/240x320_SurahIndex.png)
**StreamStream.tsx**
![SurahStream](/share/al-quran.reflectslight.io/screenshots/240x320_SurahStream.png)
## Development

BIN
share/al-quran.reflectslight.io/screenshots/240x320_SurahIndex.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
share/al-quran.reflectslight.io/screenshots/240x320_SurahStream.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

4
src/js/components/SurahStream/Stream.tsx
View file

@ -33,7 +33,7 @@ export function Stream({
{stream.map((ayah: Ayah) => {
return (
<li key={ayah.id} className="ayah fade mb-1">
<span className="flex h-8 items-center color-primary">
<span className="flex h-6 items-center color-primary text-sm">
<span className="color-primary font-extrabold">
{t(locale, "surah")} {formatNumber(locale, surah.id)}
{t(locale, "comma")} {t(locale, "ayah")}{" "}
@ -41,7 +41,7 @@ export function Stream({
{formatNumber(locale, surah.ayat.length)}
</span>
</span>
<p className="m-0 mt-1 color-accent text-base">{ayah.body}</p>
<p className="m-0 mt-1 color-accent">{ayah.body}</p>
</li>
);
})}