<div section class="section fill-darker media-bar scrollable scrollable-x overlay-scrollbar"
	:class="{ 'is-loading': !mediaItems }"
	>
	<div class="media-bar-items">

		<div class="loading-container" v-if="!mediaItems">
			<app-loading :centered="true" :no-color="true" :stationary="true" :hide-label="true" />
		</div>

		<div v-if="mediaItems">
			<app-media-bar-item
				v-for="item of mediaItems"
				:key="item.id"
				:item="item"
				>
			</app-media-bar-item>
		</div>

	</div>
</div>

<div section class="section fill-darker media-bar scrollable scrollable-x overlay-scrollbar"
	:class="{ 'is-loading': !mediaItems || !mediaItems.length }"
	>
	<div class="media-bar-items">

		<div class="loading-container" v-if="!mediaItems || !mediaItems.length">
			<app-loading :centered="true" :no-color="true" :stationary="true" :hide-label="true" />
		</div>

		<div v-if="mediaItems && mediaItems.length">
			<app-media-bar-item
				v-for="item of mediaItems"
				:key="item.id"
				:item="item"
				>
			</app-media-bar-item>
		</div>

	</div>
</div>

Fix loading animation for media bar
Fix loading animation for media bar
