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

Add border around LanguageSelect elements
Some checks are pending
The Quran / ci (push) Waiting to run
Details

Browse source
This commit is contained in:
0x1eef 2024-09-21 13:56:04 -03:00
parent deb61e94bd
commit f5ba2b9388
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/css/_base.scss
View file

@ -75,6 +75,10 @@ html {
.background-accent { .background-accent {
background: var(--accent-color); background: var(--accent-color);
} }
.border-accent {
border: 1px solid var(--accent-color);
}
} }
} }

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

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