sendbird-confetti-javascript-sample

App.css

.App {
  font-family: sans-serif;
  text-align: center;
  height: 100vh;  
  width: 100vw; 
}

.group-channel-wrap{
  display: flex;
  height: 100%;
}

.channel-list,
.channel-chat{
  float: left;
}

.channel-chat{
  width: 76%;
  float: right;
}

li {
  cursor: pointer;
  list-style-type: none;
  font-family: sans-serif;
}

.MuiTypography-root.MuiCardHeader-title.MuiTypography-body2.MuiTypography-displayBlock,
.MuiTypography-root.MuiTypography-body2{
  text-align: left;
} 

.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedSizeSmall.MuiButton-sizeSmall{
  background-color:var(--sendbird-light-primary-300);
  color: white;
}