fix(StreamsList): add scroll when episode picker is shown on landscape orientation on mobile

This commit is contained in:
Botzy 2025-02-10 17:38:32 +02:00
parent d407e6c7b7
commit fbdfa110b5
2 changed files with 6 additions and 2 deletions

View file

@ -128,14 +128,14 @@ const StreamsList = ({ className, video, onEpisodeSearch, ...props }) => {
{ {
props.streams.length === 0 ? props.streams.length === 0 ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<SeasonEpisodePicker onSubmit={handleEpisodePicker} /> <SeasonEpisodePicker className={styles['search']} onSubmit={handleEpisodePicker} />
<Image className={styles['image']} src={require('/images/empty.png')} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['label']}>No addons were requested for streams!</div> <div className={styles['label']}>No addons were requested for streams!</div>
</div> </div>
: :
props.streams.every((streams) => streams.content.type === 'Err') ? props.streams.every((streams) => streams.content.type === 'Err') ?
<div className={styles['message-container']}> <div className={styles['message-container']}>
<SeasonEpisodePicker onSubmit={handleEpisodePicker} /> <SeasonEpisodePicker className={styles['search']} onSubmit={handleEpisodePicker} />
{video?.upcoming && <div className={styles['label']}>{t('UPCOMING')}...</div>} {video?.upcoming && <div className={styles['label']}>{t('UPCOMING')}...</div>}
<Image className={styles['image']} src={require('/images/empty.png')} alt={' '} /> <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
<div className={styles['label']}>{t('NO_STREAM')}</div> <div className={styles['label']}>{t('NO_STREAM')}</div>

View file

@ -22,6 +22,10 @@
padding: 1rem; padding: 1rem;
overflow-y: auto; overflow-y: auto;
.search {
flex: none;
}
.image { .image {
flex: none; flex: none;
width: 10rem; width: 10rem;