Skip to content

Instantly share code, notes, and snippets.

@UnitedWithCode
Forked from adrianhajdin/AppStyles.js
Created August 6, 2021 12:20
Show Gist options
  • Save UnitedWithCode/8daebd3591011165edcceea8a02ad3a8 to your computer and use it in GitHub Desktop.
Save UnitedWithCode/8daebd3591011165edcceea8a02ad3a8 to your computer and use it in GitHub Desktop.
Video Chat Styles
const useStyles = makeStyles((theme) => ({
appBar: {
borderRadius: 15,
margin: '30px 100px',
display: 'flex',
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
width: '600px',
border: '2px solid black',
[theme.breakpoints.down('xs')]: {
width: '90%',
},
},
image: {
marginLeft: '15px',
},
wrapper: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
width: '100%',
},
}));
const useStyles = makeStyles((theme) => ({
root: {
display: 'flex',
flexDirection: 'column',
},
gridContainer: {
width: '100%',
[theme.breakpoints.down('xs')]: {
flexDirection: 'column',
},
},
container: {
width: '600px',
margin: '35px 0',
padding: 0,
[theme.breakpoints.down('xs')]: {
width: '80%',
},
},
margin: {
marginTop: 20,
},
padding: {
padding: 20,
},
paper: {
padding: '10px 20px',
border: '2px solid black',
},
}));
body {
background:
linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
),
url(https://i.pinimg.com/originals/8f/14/57/8f14578ef69a4c53352955d1e072eda6.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
* {
margin: 0;
padding: 0;
}
const useStyles = makeStyles((theme) => ({
video: {
width: '550px',
[theme.breakpoints.down('xs')]: {
width: '300px',
},
},
gridContainer: {
justifyContent: 'center',
[theme.breakpoints.down('xs')]: {
flexDirection: 'column',
},
},
paper: {
padding: '10px',
border: '2px solid black',
margin: '10px',
},
}));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment