Skip to content

Instantly share code, notes, and snippets.

@adrianhajdin
Last active March 3, 2024 17:33
Show Gist options
  • Save adrianhajdin/600d9d89c7edbbb006626d6742ad64e0 to your computer and use it in GitHub Desktop.
Save adrianhajdin/600d9d89c7edbbb006626d6742ad64e0 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',
},
}));
@Rahul-space
Copy link

Rahul-space commented Aug 19, 2021

amazing project bro ,
next time build an google analytics clone website which shoud really work ad generate user's unique script tag

@Rahul-space
Copy link

bro do a project with script generating like adsense,analytics,facbook-comments,how thes website generate unique scripts for the users

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment