52 lines
665 B
CSS
52 lines
665 B
CSS
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
overscroll-behavior: none;
|
|
}
|
|
|
|
*::selection {
|
|
color: #fff;
|
|
background: hsla(229, 71%, 57%, 1);
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-columns: 352px 1fr auto;
|
|
}
|
|
|
|
#main {
|
|
display: grid;
|
|
grid-template-rows: 56px 1fr 100px;
|
|
height: 100vh;
|
|
}
|
|
|
|
/* #main,
|
|
#sidebar,
|
|
#members,
|
|
#main > div {
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
} */
|
|
|
|
.composer-input::placeholder {
|
|
transition: color 0.2s ease-in-out;
|
|
}
|
|
|
|
#sidebar {
|
|
overflow: auto;
|
|
height: 100vh;
|
|
}
|
|
|
|
#content {
|
|
overflow: auto;
|
|
padding: 72px 8px 132px 8px;
|
|
height: 100vh;
|
|
margin-top: -56px;
|
|
}
|
|
|
|
#members {
|
|
width: 352px;
|
|
overflow: auto;
|
|
}
|