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

refactor: carousel better visual feedback for mobile

Browse source
This commit is contained in:
Kentai Radiquum 2024-07-13 06:37:29 +05:00
parent 15740651df
commit 6df90d5146
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/components/ReleaseCourusel/ReleaseCourusel.jsx
View file

@ -56,7 +56,7 @@ export const ReleaseCourusel = (props) => {
key={release.id} key={release.id}
style={{ width: "fit-content" }} style={{ width: "fit-content" }}
> >
<div className="xl:w-[600px] sm:w-[400px] w-[90vw] aspect-video"> <div className="xl:w-[600px] sm:w-[400px] w-[80vw] aspect-video">
<ReleaseLink {...release} /> <ReleaseLink {...release} />
</div> </div>
</div> </div>

2
app/home/[slug]/page.js
View file

@ -71,7 +71,7 @@ export default function HomeStatus({ params }) {
content={content} content={content}
/> />
)} )}
<button className="mx-auto w-[calc(100%-10rem)] border border-black rounded-lg p-4 mb-6 flex items-center justify-center gap-2 hover:bg-black hover:text-white transition" onClick={() => setSize(size + 1)}> <span className="w-10 h-10 iconify mdi--plus"> </span> <span className="text-lg">Load More</span></button> <button className="mx-auto w-[calc(100%-10rem)] border border-black rounded-lg p-2 mb-6 flex items-center justify-center gap-2 hover:bg-black hover:text-white transition" onClick={() => setSize(size + 1)}> <span className="w-10 h-10 iconify mdi--plus"> </span> <span className="text-lg">Загрузить ещё</span></button>
</main> </main>
); );
} }