Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 19:02:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

VideosList message container styled

Browse source
This commit is contained in:
svetlagasheva 2020-03-25 15:34:44 +02:00
parent d993db6127
commit 521146e722
2 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/routes/MetaDetails/VideosList/VideosList.js
View file

@ -2,6 +2,7 @@ const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const Icon = require('stremio-icons/dom');
const Image = require('stremio/common/Image');
const TextInput = require('stremio/common/TextInput');
const SeasonsBar = require('./SeasonsBar');
const Video = require('./Video');
@ -39,8 +40,9 @@ const VideosList = ({ className, metaResource }) => {
</React.Fragment>
:
metaResource.content.type === 'Err' || videosForSeason.length === 0 ?
<div className={styles['message-label']}>
No videos found for this meta
<div className={styles['message-container']}>
<Image className={styles['image']} src={'/images/meta_details_cat.png'} />
<div className={styles['label']}>No videos found for this meta</div>
</div>
:
<React.Fragment>

27
src/routes/MetaDetails/VideosList/styles.less
View file

@ -4,16 +4,33 @@
display: flex;
flex-direction: column;
.seasons-bar, .message-label {
.seasons-bar, .message-container {
flex: none;
width: var(--item-size);
}
.seasons-bar {
padding: 1rem 0;
}
.message-label {
font-size: 1.4rem;
text-align: center;
color: @color-surface-light5;
.message-container {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
padding: 2rem;
background-color: @color-background-dark3-80;
.image {
flex: none;
margin-bottom: 1rem;
}
.label {
font-size: 1.4rem;
text-align: center;
color: @color-surface-light5;
}
}
.search-container {