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(frontend/release-page): less layout shift on player

Browse source
This commit is contained in:
Kentai Radiquum 2024-04-30 16:01:41 +05:00
parent 76a0bc7a85
commit 2dbcbde50f
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/app/release/[id]/page.js
View file

@ -90,7 +90,7 @@ export default function Release(props) {
<a data-ui="#vo" className="active">
озвучка
</a>
{sourcesInfo && <a data-ui="#src">плеер</a>}
<a data-ui="#src">плеер</a>
</div>
<div
className="page padding active scroll"
@ -115,9 +115,9 @@ export default function Release(props) {
);
})}
</div>
{sourcesInfo && (
<div className="page center-align padding" id="src">
{sourcesInfo.sources.map((item) => {
<div className="page center-align padding" id="src">
{sourcesInfo &&
sourcesInfo.sources.map((item) => {
return (
<button
key={item.id}
@ -133,10 +133,12 @@ export default function Release(props) {
</button>
);
})}
</div>
)}
</div>
</div>
<div className="s12 scroll row" style={{ paddingBottom: "8px" }}>
<nav
className="s12 scroll row no-margin no-space"
style={{ paddingBottom: "8px", height: "48px" }}
>
{episodeInfo &&
episodeInfo.episodes.map((item) => {
return (
@ -150,13 +152,14 @@ export default function Release(props) {
setEpisodeURL(item.url);
item.is_watched = true;
}}
style={{ marginLeft: "8px" }}
>
{item.is_watched && <i className="small">check</i>}
{item.name}
</button>
);
})}
</div>
</nav>
</article>
);
}