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) { export function Head({ locale, theme, setTheme, children }: Props) {
return ( return (
<header className="flex flex-col h-12 mt-4 mb-4"> <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}/`}> <a className="no-underline" href={`/${locale.name}/`}>
{children} {children}
</a> </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}> <Head locale={locale} theme={theme} setTheme={setTheme}>
{t(locale, "TheNobleQuran")} {t(locale, "TheNobleQuran")}
</Head> </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) => ( {index.map((surah, key) => (
<li className="surah" key={key}> <li className="surah" key={key}>
<a <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 <ul
lang={locale.name} lang={locale.name}
className={classNames( 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, ...className,
)} )}
ref={ref} ref={ref}