Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 03:22:11 +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 // Copyright (C) 2017-2024 Smart code 203358507
@import (reference) '~stremio/common/screen-sizes.less';
@seasons-bar-height: 5rem;
.overlay { .overlay {
display: none; display: none;
@ -16,17 +20,20 @@
} }
.side-drawer { .side-drawer {
position: relative; display: flex;
height: 100%; flex-direction: column;
z-index: 2; justify-content: space-around;
.info { .info {
overflow: hidden;
padding: 1rem; padding: 1rem;
} }
.content { .content {
overflow: auto; max-height: 60%;
max-height: 57%;
.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> </div>
{ {
seriesInfo ? seriesInfo ?
<> <div className={styles['content']}>
<SeasonsBar <SeasonsBar
season={season} season={season}
seasons={seasons} seasons={seasons}
onSelect={seasonOnSelect} onSelect={seasonOnSelect}
/> />
<div className={styles['content']}> <div className={styles['videos']}>
{videos.map((video, index) => ( {videos.map((video, index) => (
<Video <Video
key={index} key={index}
@ -87,7 +87,7 @@ const SideDrawer = ({ seriesInfo, className, closeSideBar, sideDrawerOpen, ...pr
/> />
))} ))}
</div> </div>
</> </div>
: null : null
} }