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

Apply font to Select.Option elements

Browse source 
Based on whether or not the element is for a RTL or LTR language
This commit is contained in:
0x1eef 2024-10-02 00:32:55 -03:00
parent 8518b5f491
commit ed0d493a17
3 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/js/components/Select/LanguageSelect.tsx
View file

@ -17,6 +17,7 @@ export function LanguageSelect({ locale }: Props) {
key={i} key={i}
className={classNames( className={classNames(
"flex h-6 w-full justify-center no-underline mb-1 rounded border-accent", "flex h-6 w-full justify-center no-underline mb-1 rounded border-accent",
l.direction === "rtl" ? "font-cairo" : "font-kanit",
l.direction, l.direction,
l.name === locale.name ? "active" : undefined, l.name === locale.name ? "active" : undefined,
)} )}

12
src/js/loaders/SurahIndexLoader.ts
View file

@ -11,14 +11,14 @@ import { formatNumber } from "~/lib/t";
.querySelector("meta[name='revision']")! .querySelector("meta[name='revision']")!
.getAttribute("content")!; .getAttribute("content")!;
const fonts = (() => { const fonts = (() => {
const f = [
item.font("Cairo Regular", "url(/fonts/cairo-regular.ttf)"),
item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
];
if (doc.dir === "rtl") { if (doc.dir === "rtl") {
return [ f.push(item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf)"));
item.font("Cairo Regular", "url(/fonts/cairo-regular.ttf)"),
item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf)"),
];
} else {
return [item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)")];
} }
return f;
})(); })();
postman( postman(

14
src/js/loaders/SurahStreamLoader.ts
View file

@ -12,15 +12,15 @@ import { formatNumber } from "~/lib/t";
.querySelector("meta[name='revision']")! .querySelector("meta[name='revision']")!
.getAttribute("content")!; .getAttribute("content")!;
const fonts = (() => { const fonts = (() => {
const f = [
item.font("Cairo Regular", "url(/fonts/cairo-regular.ttf)"),
item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)"),
];
if (doc.dir === "rtl") { if (doc.dir === "rtl") {
return [ f.push(item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf)"));
item.font("Cairo Regular", "url(/fonts/cairo-regular.ttf)"), f.push(item.font("Amiri Regular", "url(/fonts/amiri-regular.ttf)"));
item.font("Cairo Bold", "url(/fonts/cairo-bold.ttf)"),
item.font("Amiri Regular", "url(/fonts/amiri-regular.ttf)"),
];
} else {
return [item.font("Kanit Regular", "url(/fonts/kanit-regular.ttf)")];
} }
return f;
})(); })();
postman( postman(