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

fix: release page on mobile

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-02 20:59:20 +05:00
parent 3e72866a08
commit 108c7d908b
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/components/ReleasePlayer/ReleasePlayer.tsx
View file

@ -97,7 +97,7 @@ export const ReleasePlayer = (props: { id: number }) => {
) : ( ) : (
<> <>
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2">
<Dropdown label={`Озвучка: ${selectedVoiceover.name}`} color="blue"> <Dropdown label={`Озвучка: ${selectedVoiceover.name}`} color="blue" theme={DropdownTheme}>
{voiceoverInfo.map((voiceover: any) => ( {voiceoverInfo.map((voiceover: any) => (
<Dropdown.Item <Dropdown.Item
key={`voiceover_${voiceover.id}`} key={`voiceover_${voiceover.id}`}
@ -107,7 +107,7 @@ export const ReleasePlayer = (props: { id: number }) => {
</Dropdown.Item> </Dropdown.Item>
))} ))}
</Dropdown> </Dropdown>
<Dropdown label={`Плеер: ${selectedSource.name}`} color="blue"> <Dropdown label={`Плеер: ${selectedSource.name}`} color="blue" theme={DropdownTheme}>
{sourcesInfo.map((source: any) => ( {sourcesInfo.map((source: any) => (
<Dropdown.Item <Dropdown.Item
key={`source_${source.id}`} key={`source_${source.id}`}

4
app/pages/Release.tsx
View file

@ -46,7 +46,7 @@ export const ReleasePage = (props: any) => {
return data ? ( return data ? (
<main className="container px-4 pt-4 pb-24 mx-auto sm:pb-4"> <main className="container px-4 pt-4 pb-24 mx-auto sm:pb-4">
<div className="grid grid-cols-[100%] lg:grid-cols-[70%_30%] gap-2 grid-flow-row-dense "> <div className="flex flex-col lg:grid lg:grid-cols-[70%_30%] gap-2 grid-flow-row-dense">
<div className="[grid-column:1] [grid-row:span_2]"> <div className="[grid-column:1] [grid-row:span_2]">
<ReleaseInfoBasics <ReleaseInfoBasics
image={data.release.image} image={data.release.image}
@ -78,7 +78,7 @@ export const ReleasePage = (props: any) => {
genres={data.release.genres} genres={data.release.genres}
/> />
</div> </div>
<div className="[grid-column:2] -order-1 lg:order-none"> <div className="[grid-column:2]">
<ReleaseInfoUserList <ReleaseInfoUserList
userList={userList} userList={userList}
isFavorite={userFavorite} isFavorite={userFavorite}