zerosoul
60 lines
1.1 KiB
JavaScript
60 lines
1.1 KiB
JavaScript
import styled from "styled-components";
|
|
export const StyledHeader = styled.header`
|
|
width: 100%;
|
|
height: 100%;
|
|
/* padding: 0 20px 0 10px; */
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
/* tricky */
|
|
> div {
|
|
padding-left: 4px;
|
|
}
|
|
.txt {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
.title {
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
color: #1c1c1e;
|
|
}
|
|
.desc {
|
|
margin-left: 8px;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
color: #616161;
|
|
}
|
|
}
|
|
.opts {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 16px;
|
|
.opt {
|
|
cursor: pointer;
|
|
width: 24px;
|
|
height: 24px;
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
`;
|
|
export const StyledDMChat = styled.article`
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding: 0 16px;
|
|
padding-bottom: 10px;
|
|
height: calc(100vh - 56px);
|
|
> .chat {
|
|
padding: 18px 0;
|
|
height: 100%;
|
|
height: -webkit-fill-available;
|
|
overflow: auto;
|
|
}
|
|
`;
|