Cleanup of CSS.
This commit is contained in:
@@ -67,7 +67,7 @@ const styles = (theme) =>
|
||||
flexDirection : 'column',
|
||||
justifyContent : 'center',
|
||||
alignItems : 'flex-end',
|
||||
padding : '0.4vmin',
|
||||
padding : theme.spacing(1),
|
||||
zIndex : 21,
|
||||
opacity : 0,
|
||||
transition : 'opacity 0.3s',
|
||||
@@ -83,7 +83,7 @@ const styles = (theme) =>
|
||||
top : '50%',
|
||||
left : '50%',
|
||||
transform : 'translate(-50%, -50%)',
|
||||
color : 'rgba(255, 255, 255, 1)',
|
||||
color : 'rgba(255, 255, 255, 0.5)',
|
||||
fontSize : '7em',
|
||||
margin : 0
|
||||
}
|
||||
|
||||
@@ -66,7 +66,7 @@ const styles = (theme) =>
|
||||
flexDirection : 'column',
|
||||
justifyContent : 'center',
|
||||
alignItems : 'flex-end',
|
||||
padding : '0.4vmin',
|
||||
padding : theme.spacing(1),
|
||||
zIndex : 21,
|
||||
opacity : 0,
|
||||
transition : 'opacity 0.3s',
|
||||
@@ -85,7 +85,7 @@ const styles = (theme) =>
|
||||
display : 'flex',
|
||||
justifyContent : 'center',
|
||||
alignItems : 'center',
|
||||
padding : '0.4vmin',
|
||||
padding : theme.spacing(1),
|
||||
zIndex : 20,
|
||||
'& p' :
|
||||
{
|
||||
|
||||
@@ -8,7 +8,7 @@ import { withStyles } from '@material-ui/core/styles';
|
||||
import VideoView from '../VideoContainers/VideoView';
|
||||
import Volume from './Volume';
|
||||
|
||||
const styles = () =>
|
||||
const styles = (theme) =>
|
||||
({
|
||||
root :
|
||||
{
|
||||
@@ -51,7 +51,7 @@ const styles = () =>
|
||||
display : 'flex',
|
||||
justifyContent : 'center',
|
||||
alignItems : 'center',
|
||||
padding : '0.4vmin',
|
||||
padding : theme.spacing(1),
|
||||
zIndex : 21,
|
||||
'& p' :
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user