Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-05 08:29:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(styles): more mobile adjustments

Browse source
This commit is contained in:
Timothy Z. 2024-12-09 15:59:09 +02:00
parent e372b89566
commit 7d2c5118b3
2 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/routes/Player/SideDrawer/SideDrawer.less
View file

@ -1,5 +1,9 @@
// Copyright (C) 2017-2024 Smart code 203358507
@import (reference) '~stremio/common/screen-sizes.less';
@seasons-bar-height: 5rem;
.overlay {
display: none;
@ -16,17 +20,20 @@
}
.side-drawer {
position: relative;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-around;
.info {
overflow: hidden;
padding: 1rem;
}
.content {
overflow: auto;
max-height: 57%;
max-height: 60%;
.videos {
overflow-y: auto;
height: calc(100% - @seasons-bar-height);
}
}
}

6
src/routes/Player/SideDrawer/SideDrawer.tsx
View file

@ -63,13 +63,13 @@ const SideDrawer = ({ seriesInfo, className, closeSideBar, sideDrawerOpen, ...pr
</div>
{
seriesInfo ?
<>
<div className={styles['content']}>
<SeasonsBar
season={season}
seasons={seasons}
onSelect={seasonOnSelect}
/>
<div className={styles['content']}>
<div className={styles['videos']}>
{videos.map((video, index) => (
<Video
key={index}
@ -87,7 +87,7 @@ const SideDrawer = ({ seriesInfo, className, closeSideBar, sideDrawerOpen, ...pr
/>
))}
</div>
</>
</div>
: null
}