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

Add padding (mostly for mobile)

Browse source
This commit is contained in:
0x1eef 2024-05-19 20:35:16 -03:00
parent 9627c60021
commit 5acb5484df
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/js/components/Head.tsx
View file

@ -15,7 +15,7 @@ type Props = {
export function Head({ locale, theme, setTheme, children }: Props) {
return (
<header className="flex flex-col h-12 mt-4 mb-4">
<h1 className="flex justify-center p-0 m-0">
<h1 className="flex justify-center p-0 m-0 mb-4">
<a className="no-underline" href={`/${locale.name}/`}>
{children}
</a>

2
src/js/components/SurahIndex/index.tsx
View file

@ -39,7 +39,7 @@ export function SurahIndex({ appVersion, locale, surahs, t }: Props) {
<Head locale={locale} theme={theme} setTheme={setTheme}>
{t(locale, "TheNobleQuran")}
</Head>
<ul className="body index scroll-y list-none p-0 m-0 h-5/6">
<ul className="body index scroll-y list-none p-0 m-0 mt-4 h-5/6">
{index.map((surah, key) => (
<li className="surah" key={key}>
<a

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

@ -23,7 +23,7 @@ export function Stream({ locale, surah, stream, endOfStream, isPaused, t }: Prop
<ul
lang={locale.name}
className={classNames(
"body stream scroll-y list-none p-0 m-0 mt-1 h-5/6",
"body stream scroll-y list-none p-0 m-0 mt-4 h-5/6",
...className,
)}
ref={ref}