Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-09-04 13:35:36 +05:00
Code Issues Projects Releases Packages Activity

anix/: add buttons to discovery page

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-25 07:30:10 +05:00
parent bfb361a0a8
commit 61baffd295
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 17 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/components/Discovery/InterestingCarousel.tsx
View file

@ -37,7 +37,7 @@ export const InterestingCarousel = () => {
<Swiper
modules={[Navigation]}
spaceBetween={8}
slidesPerView={3}
slidesPerView={"auto"}
direction={"horizontal"}
rewind={true}
navigation={{
@ -60,7 +60,7 @@ export const InterestingCarousel = () => {
style={{ maxWidth: "fit-content" }}
>
<Link href={`/release/${item.action}`}>
<div className="relative w-[480px] h-[270px] rounded-lg overflow-hidden">
<div className="relative w-[300px] md:w-[480px] aspect-video rounded-lg overflow-hidden">
<Image
src={item.image}
alt=""

15
app/pages/Discover.tsx
View file

@ -1,10 +1,25 @@
"use client";
import { InterestingCarousel } from "#/components/Discovery/InterestingCarousel";
import { Button } from "flowbite-react";
export const DiscoverPage = () => {
return (
<>
<InterestingCarousel />
<div className="grid grid-cols-2 gap-4 my-4 lg:grid-cols-4">
<Button size="xl" color="yellow">
<span className="flex-shrink-0 inline-block w-8 h-8 mr-2 iconify mdi--fire"></span><span>Популярное</span>
</Button>
<Button size="xl" color="blue">
<span className="flex-shrink-0 inline-block w-8 h-8 mr-2 iconify mdi--calendar-month"></span><span>Расписание</span>
</Button>
<Button size="xl" color="purple">
<span className="flex-shrink-0 inline-block w-8 h-8 mr-2 iconify mdi--collections-bookmark"></span><span>Коллекции</span>
</Button>
<Button size="xl" color="green">
<span className="flex-shrink-0 inline-block w-8 h-8 mr-2 iconify mdi--mixer-settings"></span><span>Фильтр</span>
</Button>
</div>
</>
);
};