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

feat: add description to release and collection cards

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-18 12:13:51 +05:00
parent 044d5307bc
commit 071edc0d10
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/components/CollectionLink/CollectionLink.tsx
View file

@ -13,8 +13,14 @@ export const CollectionLink = (props: any) => {
}} }}
> >
<div className="absolute flex flex-wrap items-start justify-start gap-0.5 sm:gap-1 left-2 top-2"> <div className="absolute flex flex-wrap items-start justify-start gap-0.5 sm:gap-1 left-2 top-2">
<Chip icon_name="material-symbols--favorite" name_2={props.favorites_count} /> <Chip
<Chip icon_name="material-symbols--comment" name_2={props.comment_count} /> icon_name="material-symbols--favorite"
name_2={props.favorites_count}
/>
<Chip
icon_name="material-symbols--comment"
name_2={props.comment_count}
/>
{props.is_private && ( {props.is_private && (
<div className="flex items-center justify-center bg-yellow-400 rounded-sm"> <div className="flex items-center justify-center bg-yellow-400 rounded-sm">
<span className="w-3 px-4 py-2.5 text-white sm:px-4 sm:py-3 xl:px-6 xl:py-4 iconify mdi--lock"></span> <span className="w-3 px-4 py-2.5 text-white sm:px-4 sm:py-3 xl:px-6 xl:py-4 iconify mdi--lock"></span>
@ -26,9 +32,14 @@ export const CollectionLink = (props: any) => {
</div> </div>
)} )}
</div> </div>
<p className="absolute text-xs text-white xl:text-base lg:text-lg left-2 bottom-2 right-2"> <div className="absolute bottom-0 left-0 px-2 py-2 lg:translate-y-[100%] group-hover:lg:translate-y-0 transition-transform">
<p className="text-sm font-bold text-white transition-transform lg:-translate-y-10 group-hover:lg:translate-y-0 xl:text-base lg:text-lg">
{props.title} {props.title}
</p> </p>
<p className="text-xs text-white xl:text-base lg:text-lg right-2">
{props.description}
</p>
</div>
</div> </div>
</div> </div>
</Link> </Link>

7
app/components/ReleaseLink/ReleaseLink.16_9.tsx
View file

@ -93,9 +93,14 @@ export const ReleaseLink169 = (props: any) => {
</div> </div>
)} )}
</div> </div>
<p className="absolute text-xs text-white xl:text-base lg:text-lg left-2 bottom-2 right-2"> <div className="absolute bottom-0 left-0 px-2 py-2 lg:translate-y-[100%] group-hover:lg:translate-y-0 transition-transform">
<p className="text-sm font-bold text-white transition-transform lg:-translate-y-10 group-hover:lg:translate-y-0 xl:text-base lg:text-lg">
{props.title_ru} {props.title_ru}
</p> </p>
<p className="text-xs text-white xl:text-base lg:text-lg right-2">
{props.description}
</p>
</div>
</div> </div>
</div> </div>
</Link> </Link>