dappconnect-chat-sdk/apps/web/styles/app.css

82 lines
1.1 KiB
CSS
Raw Normal View History

:root {
--topbar-height: 56px;
--composer-height: 100px;
}
2023-01-16 12:08:24 +00:00
html,
body,
#root {
height: 100%;
overscroll-behavior: none;
user-select: none;
2023-01-16 12:08:24 +00:00
}
*::selection {
color: #fff;
background: hsla(229, 71%, 57%, 1);
}
2023-01-16 12:08:24 +00:00
#app {
isolation: isolate;
height: 100vh;
2023-01-16 12:08:24 +00:00
display: grid;
grid-template-columns: 352px 1fr auto;
2023-01-16 12:08:24 +00:00
}
#sidebar-community {
overflow: auto;
height: 100vh;
2023-01-16 12:08:24 +00:00
}
#sidebar-members {
width: 352px;
overflow: auto;
background-color: #fff;
z-index: 2;
}
#main {
position: relative;
}
#topbar {
position: absolute;
inset: 0 0 auto;
z-index: 100;
}
#content {
2023-02-28 13:59:47 +00:00
position: relative;
overflow: auto;
padding-top: var(--topbar-height);
padding-bottom: var(--composer-height);
height: 100vh;
isolation: isolate;
}
#messages {
padding: 8px;
}
#anchor-actions {
position: absolute;
right: 20px;
transform: translateY(calc(-100% - 12px));
}
#composer {
position: absolute;
inset: auto 0 0;
z-index: 1;
}
@media screen and (max-width: 768px) {
#app {
grid-template-columns: 1fr;
}
#sidebar {
display: none;
}
}