mirror of
https://github.com/wah-su/wahs.wah.su.git
synced 2025-05-14 08:49:36 +05:00
light theme fixes
This commit is contained in:
parent
8b6e0cbebb
commit
04e272ac61
9 changed files with 94 additions and 43 deletions
|
@ -7,9 +7,9 @@ export default function PageNav(props: { path: string }) {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="bg-orange-800/50 rounded-sm p-2 text-white flex justify-between gap-4 items-center">
|
||||
<div className="text-white dark:text-white bg-orange-800 dark:bg-orange-800/50 rounded-sm p-2 flex justify-between gap-4 items-center">
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer"
|
||||
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
|
||||
id="nav_prev"
|
||||
>
|
||||
<div className="material-symbols--navigate-before w-16 h-16"></div>
|
||||
|
@ -21,7 +21,7 @@ export default function PageNav(props: { path: string }) {
|
|||
key={`ipp_${item}`}
|
||||
className={`${
|
||||
idx > 4 ? "hidden md:block" : ""
|
||||
} cursor-pointer md:text-lg lg:text-xl text-gray-200`}
|
||||
} cursor-pointer md:text-lg lg:text-xl text-gray-200/75 hover:text-orange-500 transition-colors`}
|
||||
id="nav_ipp"
|
||||
data-ipp={item}
|
||||
>
|
||||
|
@ -33,14 +33,14 @@ export default function PageNav(props: { path: string }) {
|
|||
<div className="flex">
|
||||
<div className="gap-1 hidden xl:flex">
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer text-gray-200"
|
||||
className="flex justify-center items-center cursor-pointer text-gray-200/75 hover:text-orange-500 transition-colors"
|
||||
id="nav_view"
|
||||
data-view="grid"
|
||||
>
|
||||
<div className="material-symbols--grid-on w-8 h-8"></div>
|
||||
</button>
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer text-gray-200"
|
||||
className="flex justify-center items-center cursor-pointer text-gray-200/75 hover:text-orange-500 transition-colors"
|
||||
id="nav_view"
|
||||
data-view="masonry"
|
||||
>
|
||||
|
@ -48,7 +48,7 @@ export default function PageNav(props: { path: string }) {
|
|||
</button>
|
||||
</div>
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer"
|
||||
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
|
||||
id="nav_next"
|
||||
>
|
||||
<div className="material-symbols--navigate-next w-16 h-16"></div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue