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

style: change profile widgets positions

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-25 17:25:33 +05:00
parent 4276cc1314
commit 7a0b71020f
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 21 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/components/Profile/Profile.ReleaseRatings.tsx
View file

@ -24,14 +24,14 @@ const CarouselTheme = {
export const ProfileReleaseRatings = (props: any) => { export const ProfileReleaseRatings = (props: any) => {
return ( return (
<Card> <Card className="h-fit">
<h1 className="text-2xl font-bold">Оценки</h1> <h1 className="text-2xl font-bold">Оценки</h1>
<div className="max-w-[700px] min-h-[200px]"> <div className="max-w-[700px] min-h-[200px]">
<Carousel theme={CarouselTheme}> <Carousel theme={CarouselTheme}>
{props.ratings.map((release) => { {props.ratings.map((release) => {
return ( return (
<div <div
className="flex gap-4 mx-16" className="flex gap-4 mx-20"
key={`vote-${release.id}`} key={`vote-${release.id}`}
> >
<Image <Image

42
app/pages/Profile.tsx
View file

@ -134,37 +134,33 @@ export const ProfilePage = (props: any) => {
friendsCount={user.friend_count} friendsCount={user.friend_count}
/> />
)} )}
{!user.is_stats_hidden && (
<ProfileReleaseRatings ratings={user.votes} />
)}
</div>
<div className="flex flex-col gap-2 flex-1">
<ProfileActions <ProfileActions
isMyProfile={isMyProfile} isMyProfile={isMyProfile}
profile_id={user.id} profile_id={user.id}
isFriendRequestsDisallowed={user.is_friend_requests_disallowed} isFriendRequestsDisallowed={user.is_friend_requests_disallowed}
/> />
{!user.is_stats_hidden && ( {!user.is_stats_hidden && (
<ProfileReleaseRatings ratings={user.votes} /> <>
<ProfileStats
lists={[
user.watching_count,
user.plan_count,
user.completed_count,
user.hold_on_count,
user.dropped_count,
]}
watched_count={user.watched_episode_count}
watched_time={user.watched_time}
/>
<ProfileWatchDynamic watchDynamic={user.watch_dynamics || []} />
</>
)} )}
</div> </div>
<div className="flex flex-col gap-2 flex-1">
<ProfileStats
lists={[
user.watching_count,
user.plan_count,
user.completed_count,
user.hold_on_count,
user.dropped_count,
]}
watched_count={user.watched_episode_count}
watched_time={user.watched_time}
/>
<ProfileWatchDynamic watchDynamic={user.watch_dynamics || []} />
</div>
{/*
{!user.is_stats_hidden && (
<div className="flex flex-col gap-2">
</div>
)}
<div className="[grid-column:1] xl:[grid-row:3]">
</div>*/}
</div> </div>
</> </>
); );