forked from rDrama/rDrama
Chat styling
parent
a3a7ec6296
commit
beb5448ec9
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "chat",
|
"name": "chat",
|
||||||
"version": "0.0.15",
|
"version": "0.0.16",
|
||||||
"main": "./src/index.tsx",
|
"main": "./src/index.tsx",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
@ -49,7 +49,7 @@ body {
|
||||||
.App-content {
|
.App-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 3;
|
flex: 3;
|
||||||
height: 60vh;
|
height: 70vh;
|
||||||
max-height: 1000px;
|
max-height: 1000px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
|
@ -115,7 +115,3 @@ lite-youtube {
|
||||||
.btn-secondary {
|
.btn-secondary {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
|
@ -8,9 +8,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.ChatMessage {
|
.ChatMessage {
|
||||||
padding-right: 3rem;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
animation: fading-in 0.3s ease-in-out forwards;
|
animation: fading-in 0.3s ease-in-out forwards;
|
||||||
|
padding: 1rem;
|
||||||
|
padding-right: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ChatMessage-top {
|
.ChatMessage-top {
|
||||||
|
@ -31,7 +32,7 @@
|
||||||
|
|
||||||
.ChatMessage-content {
|
.ChatMessage-content {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
word-break: break-all;
|
word-wrap: break-word;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue