diff --git a/src/routes/MetaDetails/StreamsList/StreamsList.js b/src/routes/MetaDetails/StreamsList/StreamsList.js index ccde4c4be..d342b8e92 100644 --- a/src/routes/MetaDetails/StreamsList/StreamsList.js +++ b/src/routes/MetaDetails/StreamsList/StreamsList.js @@ -170,17 +170,6 @@ const StreamsList = ({ className, video, type, onEpisodeSearch, ...props }) => { : - { - countLoadingAddons > 0 ? -
-
- {countLoadingAddons} {t('MOBILE_ADDONS_LOADING')} -
- -
- : - null - }
{filteredStreams.map((stream, index) => ( { null }
+ { + countLoadingAddons > 0 ? +
+
+ {countLoadingAddons} {t('MOBILE_ADDONS_LOADING')} +
+ +
+ : + null + }
} diff --git a/src/routes/MetaDetails/StreamsList/styles.less b/src/routes/MetaDetails/StreamsList/styles.less index ecfea5162..e6c7308f8 100644 --- a/src/routes/MetaDetails/StreamsList/styles.less +++ b/src/routes/MetaDetails/StreamsList/styles.less @@ -50,11 +50,12 @@ display: flex; z-index: 1; overflow: visible; - margin: 2em 1em 0 1em; + margin: 2em; gap: 1em; flex-direction: column; justify-content: center; align-items: center; + border-radius: var(--border-radius) var(--border-radius) 0 0; .addons-loading { color: var(--primary-foreground-color); @@ -198,5 +199,13 @@ background-color: transparent; } } + + .addons-loading-container { + position: sticky; + bottom: 0; + margin: 0; + padding: 1em; + background-color: var(--primary-background-color); + } } } \ No newline at end of file