wah.su/wahs.wah.su
1
0
Fork 0
mirror of https://github.com/wah-su/wahs.wah.su.git synced 2025-09-14 18:33:50 +05:00
Code Issues Projects Releases Packages Wiki Activity

add full page image view

Browse source
This commit is contained in:
Kentai Radiquum 2025-02-02 04:17:59 +05:00
parent 91bf5dc7ba
commit 79827c26cc
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
6 changed files with 453 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

59
src/templates/Components/ImagePageNavigation.tsx Normal file
View file

@ -0,0 +1,59 @@
export default function ImagePageNav() {
return (
<div className="bg-orange-800/50 rounded-sm p-2 text-white">
<div className="flex gap-4 justify-between items-center">
<button
className="flex justify-center items-center cursor-pointer"
id="nav_prev"
>
<div className="material-symbols--navigate-before w-16 h-16"></div>
</button>
<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"
id="fit_cover"
>
<div className="material-symbols--crop w-8 h-8"></div>
</button>
<button
className="flex justify-center items-center cursor-pointer"
id="fit_contain"
>
<div className="material-symbols--fullscreen-exit w-8 h-8"></div>
</button>
<button
className="flex justify-center items-center cursor-pointer"
id="fit_full"
>
<div className="material-symbols--open-in-full w-8 h-8"></div>
</button>
</div>
<div className="flex gap-4">
<button
className="flex justify-center items-center cursor-pointer"
id="act_download"
>
<div className="material-symbols--download w-8 h-8"></div>
</button>
<button
className="flex justify-center items-center cursor-pointer"
id="act_newtab"
>
<div className="material-symbols--open-in-new w-8 h-8"></div>
</button>
</div>
</div>
<button
className="flex justify-center items-center cursor-pointer"
id="nav_next"
>
<div className="material-symbols--navigate-next w-16 h-16"></div>
</button>
</div>
</div>
);
}