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

Merge remote-tracking branch 'origin/feat_player'

Browse source
This commit is contained in:
Kentai Radiquum 2024-07-29 21:39:37 +05:00
parent bb437fe7ca
commit 25e31a7799
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
62 changed files with 1508 additions and 701 deletions
Download patch file Download diff file Expand all files Collapse all files

30
app/components/ReleaseCourusel/ReleaseCourusel.jsx → app/components/ReleaseCourusel/ReleaseCourusel.tsx
View file

@ -9,9 +9,13 @@ import "swiper/css";
import "swiper/css/navigation";
import { Navigation } from "swiper/modules";
export const ReleaseCourusel = (props) => {
export const ReleaseCourusel = (props: {
sectionTitle: string;
showAllLink?: string;
content: any;
}) => {
useEffect(() => {
const options = {
const options: any = {
direction: "horizontal",
spaceBetween: 8,
allowTouchMove: true,
@ -39,12 +43,14 @@ export const ReleaseCourusel = (props) => {
<h1 className="font-bold text-md sm:text-xl md:text-lg xl:text-xl">
{props.sectionTitle}
</h1>
<Link href={props.showAllLink}>
<div className="flex items-center">
<p className="hidden text-xl font-bold sm:block">Показать все</p>
<span className="w-6 h-6 iconify mdi--arrow-right"></span>
</div>
</Link>
{props.showAllLink && (
<Link href={props.showAllLink}>
<div className="flex items-center">
<p className="hidden text-xl font-bold sm:block">Показать все</p>
<span className="w-6 h-6 iconify mdi--arrow-right"></span>
</div>
</Link>
)}
</div>
<div className="m-4">
<div className="swiper">
@ -65,11 +71,15 @@ export const ReleaseCourusel = (props) => {
</div>
<div
className={`swiper-button-prev ${Styles["swiper-button"]} after:iconify after:material-symbols--chevron-left aspect-square bg-black bg-opacity-25 backdrop-blur rounded-full after:bg-white`}
style={{ "--swiper-navigation-size": "64px" }}
style={
{ "--swiper-navigation-size": "64px" } as React.CSSProperties
}
></div>
<div
className={`swiper-button-next ${Styles["swiper-button"]} after:iconify after:material-symbols--chevron-right aspect-square bg-black bg-opacity-25 backdrop-blur rounded-full after:bg-white`}
style={{ "--swiper-navigation-size": "64px" }}
style={
{ "--swiper-navigation-size": "64px" } as React.CSSProperties
}
></div>
</div>
</div>