diff --git a/app/components/ReleaseInfo/ReleaseInfo.Related.tsx b/app/components/ReleaseInfo/ReleaseInfo.Related.tsx index 80a5cac..2d4a326 100644 --- a/app/components/ReleaseInfo/ReleaseInfo.Related.tsx +++ b/app/components/ReleaseInfo/ReleaseInfo.Related.tsx @@ -1,31 +1,9 @@ "use client"; -import { Card, Carousel, CustomFlowbiteTheme, FlowbiteCarouselControlTheme, FlowbiteCarouselIndicatorsTheme } from "flowbite-react"; +import { Card, Carousel } 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: { release_id: number; related: any; @@ -45,7 +23,7 @@ export const ReleaseInfoRelated = (props: { )}