mirror of
https://github.com/status-im/status-web.git
synced 2025-02-02 07:46:13 +00:00
646cf3d3b2
* improve primary button * create shadow component * add all avatar variants * update reply * update button prop * add usePressableColors hook * update icon button component * update messages actions * update composer * add inverted variant to Shadow component * update Message component * fix prop name * add user-select none to web app * fix avatar shape * fix button icon color * fix icon button token name * fix icon button selected prop name * change accordion item prop name * set default indicator variant * fix button prop * export helper types * refactor accordion props * buttons only extend PressableProps * improve typing of variants in component props * add tmp workaround for pressable props * remove new line * make GetVariants helper nonnullable * fix image aspectRatio * fix avatar indicator * fix icon button props * add todo
76 lines
963 B
CSS
76 lines
963 B
CSS
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
overscroll-behavior: none;
|
|
user-select: none;
|
|
}
|
|
|
|
*::selection {
|
|
color: #fff;
|
|
background: hsla(229, 71%, 57%, 1);
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-columns: 352px 1fr auto;
|
|
}
|
|
|
|
#main {
|
|
position: relative;
|
|
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 {
|
|
position: relative;
|
|
overflow: auto;
|
|
padding: 40px 0px 0px 0px;
|
|
height: 100vh;
|
|
margin-top: -56px;
|
|
}
|
|
|
|
#messages {
|
|
padding: 32px 8px;
|
|
}
|
|
|
|
#composer {
|
|
position: sticky;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
#members {
|
|
width: 352px;
|
|
overflow: auto;
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
#app {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
#sidebar {
|
|
display: none;
|
|
}
|
|
}
|