Fix: Reading switch style fixes added

This commit is contained in:
Akil 2025-07-14 12:09:49 +03:00
parent cc8f30a8ce
commit 762215e14a
2 changed files with 4 additions and 5 deletions

View File

@ -123,9 +123,6 @@ const SurahPage = ({ surah, prevSurah, nextSurah }) => {
</Link>
)}
</span>
<span><Switch style={{backgroundColor: isReadingMode ? '#4DB6AC' : '#999999'}} checkedChildren={<span className={styles.switch}><FaBookOpen /></span>} unCheckedChildren={<span className={styles.switch}><FaBook /></span>} defaultChecked onChange={() => setIsReadingMode(!isReadingMode)} /></span>
<span className={styles.navButtonWrapper}>
{nextSurah && (
<Link href={`/quran/${nextSurah.number}`} className={styles.navButton}>
@ -135,6 +132,9 @@ const SurahPage = ({ surah, prevSurah, nextSurah }) => {
)}
</span>
</div>
<div className={styles.box_details}><Switch style={{backgroundColor: isReadingMode ? '#4DB6AC' : '#999999'}} checkedChildren={<span className={styles.switch}><FaBookOpen /></span>} unCheckedChildren={<span className={styles.switch}><FaBook /></span>} defaultChecked onChange={() => setIsReadingMode(!isReadingMode)} /></div>
{prefaceText && (
<p className={styles.bismillah}>{prefaceText}</p>
)}

View File

@ -191,7 +191,6 @@
.navButtonWrapper {
display: inline-block;
text-decoration: none;
min-width: 230px
}
.navButton {