Update UI

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

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

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>
);
})}