fix: streams-list

This commit is contained in:
kKaskak 2023-11-15 13:12:16 +02:00
parent 58816d773f
commit 7068ab9e2d
3 changed files with 22 additions and 16 deletions

View file

@ -110,6 +110,12 @@
.description-container {
font-size: 0.9rem;
}
.info-container {
.addon-name {
font-size: 0.9rem;
}
}
}
}

View file

@ -98,17 +98,6 @@ const StreamsList = ({ className, video, ...props }) => {
</div>
:
<React.Fragment>
{
countLoadingAddons > 0 ?
<div className={styles['addons-loading-container']}>
<div className={styles['addons-loading']}>
{countLoadingAddons} {t('MOBILE_ADDONS_LOADING')}
</div>
<span className={styles['addons-loading-bar']}></span>
</div>
:
null
}
<div className={styles['select-choices-wrapper']}>
{
video ?
@ -148,13 +137,24 @@ const StreamsList = ({ className, video, ...props }) => {
onClick={stream.onClick}
/>
))}
<Button className={styles['install-button-container']} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
<Icon className={styles['icon']} name={'addons'} />
<div className={styles['label']}>{ t('ADDON_CATALOGUE_MORE') }</div>
</Button>
</div>
</React.Fragment>
}
<Button className={styles['install-button-container']} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
<Icon className={styles['icon']} name={'addons'} />
<div className={styles['label']}>{ t('ADDON_CATALOGUE_MORE') }</div>
</Button>
{
countLoadingAddons > 0 ?
<div className={styles['addons-loading-container']}>
<div className={styles['addons-loading']}>
{countLoadingAddons} {t('MOBILE_ADDONS_LOADING')}
</div>
<span className={styles['addons-loading-bar']}></span>
</div>
:
null
}
</div>
);
};

View file

@ -45,7 +45,7 @@
display: flex;
z-index: 1;
overflow: visible;
margin: 2em 1em 0 1em;
margin: 2em 1em;
gap: 1em;
flex-direction: column;
justify-content: center;