Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-06 00:04:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: change sort dropdown color

Browse source
This commit is contained in:
Kentai Radiquum 2024-07-19 04:44:34 +05:00
parent a3d56735ca
commit e5ca3c7ace
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 26 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/pages/BookmarksCategory.jsx
View file

@ -56,13 +56,25 @@ export function BookmarksCategoryPage(props) {
}
}, [scrollPosition]);
const DropdownTheme = {
floating: {
target:
"w-fit bg-blue-600 enabled:hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800",
},
};
return (
<main className="container pt-2 pb-16 mx-auto sm:pt-4 sm:pb-0">
<div className="flex items-center justify-between px-4 py-2 border-b-2 border-black">
<h1 className="font-bold text-md sm:text-xl md:text-lg xl:text-xl">
{props.SectionTitleMapping[props.slug]}
</h1>
<Dropdown label={sort.values[selectedSort].name} dismissOnClick={true} arrowIcon={false}>
<Dropdown
label={sort.values[selectedSort].name}
dismissOnClick={true}
arrowIcon={false}
theme={DropdownTheme}
>
{sort.values.map((item, index) => (
<Dropdown.Item key={index} onClick={() => setSelectedSort(index)}>
<span

14
app/pages/Favorites.jsx
View file

@ -56,13 +56,25 @@ export function FavoritesPage() {
}
}, [scrollPosition]);
const DropdownTheme = {
floating: {
target:
"w-fit bg-blue-600 enabled:hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800",
},
};
return (
<main className="container pt-2 pb-16 mx-auto sm:pt-4 sm:pb-0">
<div className="flex items-center justify-between px-4 py-2 border-b-2 border-black">
<h1 className="font-bold text-md sm:text-xl md:text-lg xl:text-xl">
Избранное
</h1>
<Dropdown label={sort.values[selectedSort].name} dismissOnClick={true} arrowIcon={false}>
<Dropdown
label={sort.values[selectedSort].name}
dismissOnClick={true}
arrowIcon={false}
theme={DropdownTheme}
>
{sort.values.map((item, index) => (
<Dropdown.Item key={index} onClick={() => setSelectedSort(index)}>
<span