mirror of
https://github.com/wah-su/wahs.wah.su.git
synced 2025-09-14 10:23:50 +05:00
add navigation
This commit is contained in:
parent
889c8c0d37
commit
5e30c48bac
8 changed files with 325 additions and 49 deletions
12
src/templates/Components/PageNavigation.tsx
Normal file
12
src/templates/Components/PageNavigation.tsx
Normal file
|
@ -0,0 +1,12 @@
|
|||
export default function PageNav() {
|
||||
return (
|
||||
<div className="bg-orange-800/50 rounded-sm py-2 text-white flex justify-between gap-4 items-center">
|
||||
<button className="flex justify-center gap-4 items-center cursor-pointer" id="nav_prev">
|
||||
<div className="material-symbols--navigate-before w-16 h-16"></div>
|
||||
</button>
|
||||
<button className="flex justify-center gap-4 items-center cursor-pointer" id="nav_next">
|
||||
<div className="material-symbols--navigate-next w-16 h-16"></div>
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
}
|
14
src/templates/images.tsx
Normal file
14
src/templates/images.tsx
Normal file
|
@ -0,0 +1,14 @@
|
|||
import PageNav from "./Components/PageNavigation";
|
||||
|
||||
export default function ImagesPage() {
|
||||
return (
|
||||
<>
|
||||
<PageNav />
|
||||
<div
|
||||
id="images_images"
|
||||
className="my-4 overflow-hidden grid grid-cols-[repeat(auto-fill,minmax(250px,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(20%,1fr))] sm:items-center sm:justify-center gap-4"
|
||||
></div>
|
||||
<PageNav />
|
||||
</>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue