Start implementing direct messaging and continued developing the chatnav
This commit is contained in:
29
src/app/chat/elements/message-box/message-box.scss
Normal file
29
src/app/chat/elements/message-box/message-box.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
:host {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
#message-box {
|
||||
width: 60%;
|
||||
background: var(--tui-background-base-alt);
|
||||
height: 75px;
|
||||
border-radius: 200px;
|
||||
border: 2px solid var(--tui-border-normal);
|
||||
display: grid;
|
||||
grid-template-columns: 10% 80% 10%;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
|
||||
.items-middle {
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
resize: none;
|
||||
color: var(--tui-text-01);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user