Commit
·
8bac01a
1
Parent(s):
b713381
Update style.css
Browse files
style.css
CHANGED
|
@@ -28,15 +28,36 @@ body {
|
|
| 28 |
}
|
| 29 |
|
| 30 |
.message {
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
}
|
| 36 |
|
| 37 |
.user {
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
background-color: #dcf8c6;
|
| 39 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 40 |
}
|
| 41 |
|
| 42 |
.bot {
|
|
|
|
| 28 |
}
|
| 29 |
|
| 30 |
.message {
|
| 31 |
+
display: flex;
|
| 32 |
+
align-items: center;
|
| 33 |
+
margin-bottom: 10px;
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
.user .avatar, .model .avatar {
|
| 37 |
+
width: 40px;
|
| 38 |
+
height: 40px;
|
| 39 |
+
border-radius: 20px;
|
| 40 |
+
margin-right: 10px;
|
| 41 |
}
|
| 42 |
|
| 43 |
.user {
|
| 44 |
+
justify-content: flex-end;
|
| 45 |
+
}
|
| 46 |
+
|
| 47 |
+
.user .message-text {
|
| 48 |
background-color: #dcf8c6;
|
| 49 |
+
padding: 8px 12px;
|
| 50 |
+
border-radius: 15px;
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
+
.model {
|
| 54 |
+
justify-content: flex-start;
|
| 55 |
+
}
|
| 56 |
+
|
| 57 |
+
.model .message-text {
|
| 58 |
+
background-color: #e5e5ea;
|
| 59 |
+
padding: 8px 12px;
|
| 60 |
+
border-radius: 15px;
|
| 61 |
}
|
| 62 |
|
| 63 |
.bot {
|