mirror of
https://github.com/wah-su/wahs.wah.su.git
synced 2025-09-14 10:23:50 +05:00
light theme fixes
This commit is contained in:
parent
8b6e0cbebb
commit
04e272ac61
GPG key ID:
858E8EE696525EED
9 changed files with 94 additions and 43 deletions
|
|
@ -17,17 +17,18 @@ export default function Footer() {
|
|||
<p className="text-lg">Find us on:</p>
|
||||
<a href="https://github.com/wah-su">
|
||||
<img
|
||||
className="object-contain w-8 rounded-full aspect-square"
|
||||
className="object-contain w-8 rounded-full aspect-square block dark:hidden"
|
||||
src="/static/github-mark.png"
|
||||
alt="github"
|
||||
/>
|
||||
<img
|
||||
className="object-contain w-8 rounded-full aspect-square hidden dark:block"
|
||||
src="/static/github-mark-white.png"
|
||||
alt="github"
|
||||
/>
|
||||
</a>
|
||||
<a href="https://wah.su">
|
||||
<img
|
||||
className="object-contain w-8 rounded-full aspect-square"
|
||||
src="/static/captive_portal_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.png"
|
||||
alt="website"
|
||||
/>
|
||||
<a href="https://wah.su" className="flex items-center justify-center">
|
||||
<div className="material-symbols--globe w-8 h-8 dark:text-white text-slate-700"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
export default function ImagePageNav() {
|
||||
return (
|
||||
<div className="bg-orange-800/50 rounded-sm p-2 text-white">
|
||||
<div className="text-white dark:text-white bg-orange-800 dark:bg-orange-800/50 rounded-sm p-2">
|
||||
<div className="flex gap-4 justify-between 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>
|
||||
|
|
@ -12,19 +12,19 @@ export default function ImagePageNav() {
|
|||
<div className="flex gap-4 md:gap-8 flex-col md:flex-row">
|
||||
<div className="flex gap-4">
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer"
|
||||
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
|
||||
id="fit_cover"
|
||||
>
|
||||
<div className="material-symbols--crop w-8 h-8"></div>
|
||||
</button>
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer"
|
||||
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
|
||||
id="fit_contain"
|
||||
>
|
||||
<div className="material-symbols--fullscreen-exit w-8 h-8"></div>
|
||||
</button>
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer"
|
||||
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
|
||||
id="fit_full"
|
||||
>
|
||||
<div className="material-symbols--open-in-full w-8 h-8"></div>
|
||||
|
|
@ -33,13 +33,13 @@ export default function ImagePageNav() {
|
|||
|
||||
<div className="flex gap-4">
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer"
|
||||
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
|
||||
id="act_download"
|
||||
>
|
||||
<div className="material-symbols--download w-8 h-8"></div>
|
||||
</button>
|
||||
<button
|
||||
className="flex justify-center items-center cursor-pointer"
|
||||
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
|
||||
id="act_newtab"
|
||||
>
|
||||
<div className="material-symbols--open-in-new w-8 h-8"></div>
|
||||
|
|
@ -48,7 +48,7 @@ export default function ImagePageNav() {
|
|||
</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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import PlaceholderVid from "./Components/PlaceHolderVid";
|
|||
export default function IndexPage() {
|
||||
return (
|
||||
<div>
|
||||
<p className="text-4xl bg-orange-800/50 rounded-sm p-4">Images</p>
|
||||
<p className="text-4xl text-white dark:text-white bg-orange-800 dark:bg-orange-800/50 rounded-sm p-4">Images</p>
|
||||
<div
|
||||
id="index_images"
|
||||
className="mt-2 mb-4 flex overflow-x-auto sm:overflow-x-hidden sm:grid sm:grid-cols-[repeat(auto-fill,minmax(25%,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(20%,1fr))] sm:items-center sm:justify-center gap-2"
|
||||
|
|
@ -20,7 +20,7 @@ export default function IndexPage() {
|
|||
})}
|
||||
<AllLink location="/images/" text="View All Images" />
|
||||
</div>
|
||||
<p className="text-4xl bg-orange-800/50 rounded-sm p-4">Videos</p>
|
||||
<p className="text-4xl text-white dark:text-white bg-orange-800 dark:bg-orange-800/50 rounded-sm p-4">Videos</p>
|
||||
<div
|
||||
id="index_videos"
|
||||
className="mt-2 flex overflow-x-auto sm:overflow-x-hidden sm:grid sm:grid-cols-[repeat(auto-fill,minmax(25%,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(20%,1fr))] sm:items-center sm:justify-center gap-2"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue