2023-01-12 09:48:39 +00:00
|
|
|
.dm-list {
|
2023-02-07 20:04:50 +00:00
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
2023-02-10 20:53:09 +00:00
|
|
|
--header-height: 72px;
|
|
|
|
--profile-container-height: 58px;
|
|
|
|
--write-dm-input-height: 86px;
|
|
|
|
height: calc(100vh - var(--header-height) - var(--profile-container-height) - var(--write-dm-input-height));
|
2023-01-12 09:48:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.dm-list > div {
|
2023-02-07 20:04:50 +00:00
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
scroll-padding-bottom: 40px;
|
2023-01-12 09:48:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.write-dm {
|
2023-02-07 20:04:50 +00:00
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
2023-02-09 11:24:15 +00:00
|
|
|
background-color: var(--gray);
|
2023-02-07 20:04:50 +00:00
|
|
|
width: inherit;
|
|
|
|
border-radius: 5px 5px 0 0;
|
2023-01-12 09:48:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.write-dm .inner {
|
2023-02-07 20:04:50 +00:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
padding: 10px 5px;
|
2023-01-12 09:48:39 +00:00
|
|
|
}
|
|
|
|
.write-dm textarea {
|
2023-02-07 20:04:50 +00:00
|
|
|
resize: none;
|
2023-01-12 09:48:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.write-dm-spacer {
|
2023-02-07 20:04:50 +00:00
|
|
|
margin-bottom: 80px;
|
2023-01-18 23:31:34 +00:00
|
|
|
}
|