Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

video layout changed

Browse source
This commit is contained in:
nklhrstv 2020-03-30 01:57:07 +03:00
parent 92c7fd8c59
commit f8b572b046
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/MetaDetails/VideosList/Video/Video.js
View file

@ -1,8 +1,8 @@
const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const { Button, Image } = require('stremio/common');
const Icon = require('stremio-icons/dom');
const { Button, Image } = require('stremio/common');
const VideoPlaceholder = require('./VideoPlaceholder');
const styles = require('./styles');

18
src/routes/MetaDetails/VideosList/Video/styles.less
View file

@ -11,8 +11,7 @@
.thumbnail-container {
flex: none;
align-self: center;
padding: 0.5rem;
padding: 0.5rem 0 0.5rem 1rem;
.thumbnail {
display: block;
@ -20,13 +19,15 @@
height: 5rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.placeholder-icon {
display: block;
width: 5rem;
height: 5rem;
fill: @color-secondaryvariant1-light3;
width: 4rem;
height: 4rem;
margin: 0.5rem;
fill: @color-secondaryvariant1-light3-90;
}
}
@ -36,7 +37,7 @@
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0.5rem;
padding: 0.5rem 1rem;
&:first-child {
height: 4rem;
@ -61,6 +62,7 @@
flex: 1;
margin-right: 0.5rem;
font-size: 0.8rem;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: uppercase;
@ -107,9 +109,7 @@
}
.progress-bar-container {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
flex: 0 0 100%;
background-color: @color-background-light2;
.progress-bar {