fix: release page on mobile

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

View file

@ -97,7 +97,7 @@ export const ReleasePlayer = (props: { id: number }) => {
) : (
<>
<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) => (
<Dropdown.Item
key={`voiceover_${voiceover.id}`}
@ -107,7 +107,7 @@ export const ReleasePlayer = (props: { id: number }) => {
</Dropdown.Item>
))}
</Dropdown>
<Dropdown label={`Плеер: ${selectedSource.name}`} color="blue">
<Dropdown label={`Плеер: ${selectedSource.name}`} color="blue" theme={DropdownTheme}>
{sourcesInfo.map((source: any) => (
<Dropdown.Item
key={`source_${source.id}`}

View file

@ -46,7 +46,7 @@ export const ReleasePage = (props: any) => {
return data ? (
<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]">
<ReleaseInfoBasics
image={data.release.image}
@ -78,7 +78,7 @@ export const ReleasePage = (props: any) => {
genres={data.release.genres}
/>
</div>
<div className="[grid-column:2] -order-1 lg:order-none">
<div className="[grid-column:2]">
<ReleaseInfoUserList
userList={userList}
isFavorite={userFavorite}