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

refactor: user lists style on release page

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-22 18:24:48 +05:00
parent 3b2a89b964
commit ee0b0f72e3
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
View file

@ -144,7 +144,7 @@ export const ReleaseInfoUserList = (props: {
return ( return (
<Card className="h-full"> <Card className="h-full">
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
<Button color={"blue"} size="sm" className="w-full lg:w-auto "> <Button color={"blue"} size="sm" className={props.token ? "w-full sm:w-[49%] lg:w-full xl:w-[60%]" : "w-full"}>
<Link href={`/release/${props.release_id}/collections`}> <Link href={`/release/${props.release_id}/collections`}>
Показать в коллекциях{" "} Показать в коллекциях{" "}
<span className="p-1 ml-1 text-gray-500 rounded bg-gray-50"> <span className="p-1 ml-1 text-gray-500 rounded bg-gray-50">
@ -156,7 +156,7 @@ export const ReleaseInfoUserList = (props: {
<Button <Button
color={"blue"} color={"blue"}
size="sm" size="sm"
className="w-full lg:w-auto lg:flex-1" className="w-full sm:w-1/2 lg:w-full xl:w-[39%]"
onClick={() => setAddReleaseToCollectionModalOpen(true)} onClick={() => setAddReleaseToCollectionModalOpen(true)}
> >
В коллекцию{" "} В коллекцию{" "}
@ -197,7 +197,11 @@ export const ReleaseInfoUserList = (props: {
></span> ></span>
</Button> </Button>
</> </>
: <p>Войдите что-бы добавить в список, избранное или коллекцию</p>} : <div className="flex items-center justify-center w-full gap-2 px-2 py-2 text-gray-600 bg-gray-200 rounded-lg dark:text-gray-200 dark:bg-gray-600">
<span className="w-6 h-6 iconify material-symbols--info-outline"></span>
<p>Войдите что-бы добавить в список, избранное или коллекцию</p>
</div>
}
</div> </div>
<AddReleaseToCollectionModal <AddReleaseToCollectionModal
isOpen={AddReleaseToCollectionModalOpen} isOpen={AddReleaseToCollectionModalOpen}