Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-01 02:19:41 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: profile page recently watched

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-26 01:08:59 +05:00
parent 1530fa3937
commit 967b9cfbb0
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 37 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/components/ReleaseInfo/ReleaseInfo.Related.tsx
View file

@ -1,13 +1,29 @@
"use client";
import { Card, Carousel, CustomFlowbiteTheme } from "flowbite-react";
import { Card, Carousel, CustomFlowbiteTheme, FlowbiteCarouselControlTheme, FlowbiteCarouselIndicatorsTheme } from "flowbite-react";
import { ReleaseLink } from "#/components/ReleaseLink/ReleaseLinkUpdate";
import Link from "next/link";
const CarouselIndicatorsTheme: FlowbiteCarouselIndicatorsTheme = {
active: {
off: "bg-gray-400/50 hover:bg-gray-200",
on: "bg-gray-200",
},
base: "h-3 w-3 rounded-full max-w-[300px]",
wrapper: "absolute bottom-5 left-1/2 flex -translate-x-1/2 space-x-3",
};
const CarouselControlsTheme: FlowbiteCarouselControlTheme = {
base: "inline-flex h-8 w-8 items-center justify-center rounded-full group-focus:outline-none group-focus:ring-4 bg-gray-400/30 group-hover:bg-gray-400/60 group-focus:ring-gray-400/70 sm:h-10 sm:w-10",
icon: "h-5 w-5 text-gray-400 sm:h-6 sm:w-6",
};
const CarouselTheme: CustomFlowbiteTheme["carousel"] = {
root: {
base: "relative h-full w-full max-w-[300px]",
},
indicators: CarouselIndicatorsTheme,
control: CarouselControlsTheme,
};
export const ReleaseInfoRelated = (props: {