Fix style / alignment issues
This commit is contained in:
parent
05323a7ed0
commit
113c29439d
4 changed files with 9 additions and 11 deletions
|
@ -51,17 +51,9 @@ body .root .content.theme.ar {
|
||||||
|
|
||||||
ul.body.index {
|
ul.body.index {
|
||||||
li.surah {
|
li.surah {
|
||||||
a {
|
|
||||||
span.id {
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
span.name {
|
|
||||||
font-size: x-large;
|
|
||||||
}
|
|
||||||
span.transliterated { display: none; }
|
span.transliterated { display: none; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
footer {
|
footer {
|
||||||
a {
|
a {
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
|
|
|
@ -19,7 +19,7 @@ body .root .content.theme {
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
.sound-off.icon, .sound-on.icon {
|
.sound-off.icon, .sound-on.icon {
|
||||||
transform: translate(0, 5px);
|
transform: translate(0, 7px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -35,6 +35,8 @@ body .root .content.theme.en {
|
||||||
|
|
||||||
/* Arabic-specific rules */
|
/* Arabic-specific rules */
|
||||||
body .root .content.theme.ar {
|
body .root .content.theme.ar {
|
||||||
|
font-size: larger;
|
||||||
|
|
||||||
header {
|
header {
|
||||||
.surah-name {
|
.surah-name {
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
|
@ -60,6 +62,9 @@ body .root .content.theme.ar {
|
||||||
.timer {
|
.timer {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
.sound-box {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -16,6 +16,7 @@ import * as Quran from "lib/Quran";
|
||||||
item.script("/js/surah-stream.js"),
|
item.script("/js/surah-stream.js"),
|
||||||
item.css("/css/surah-stream.css"),
|
item.css("/css/surah-stream.css"),
|
||||||
item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
|
item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
|
||||||
|
item.font("Mada Regular", "url(/fonts/mada-regular.ttf"),
|
||||||
item.json(`/${locale}/${surahId}/surah.json`, { className: "surah" }),
|
item.json(`/${locale}/${surahId}/surah.json`, { className: "surah" }),
|
||||||
...recitations.map((recitation: Quran.Recitation) => {
|
...recitations.map((recitation: Quran.Recitation) => {
|
||||||
const path = ["/durations", `${recitation.id}`, `${surahId}.json`].join(
|
const path = ["/durations", `${recitation.id}`, `${surahId}.json`].join(
|
||||||
|
|
|
@ -114,7 +114,7 @@ function SurahStream({ node, recitations, locale, paused, t }: Props) {
|
||||||
<PauseIcon onClick={() => setIsPaused(true)} />
|
<PauseIcon onClick={() => setIsPaused(true)} />
|
||||||
)}
|
)}
|
||||||
{readyToRender && !endOfStream && (
|
{readyToRender && !endOfStream && (
|
||||||
<div className="flex w-10 justify-end">
|
<div className="sound-box flex w-14 justify-end">
|
||||||
<AudioControl
|
<AudioControl
|
||||||
recitation={recitation}
|
recitation={recitation}
|
||||||
surah={surah}
|
surah={surah}
|
||||||
|
|
Loading…
Reference in a new issue