diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.scss index 662d4e41..123c8c05 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.scss +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.scss @@ -3,6 +3,7 @@ align-content: center; flex-flow: row; align-items: flex-end; + height: 20px; .line { height: 1px; background-color: #cccccc; diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html index eed3fd3d..55411999 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html @@ -1 +1 @@ -
{{ contents }}
+
{{ contents }}
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.scss index e69de29b..66404243 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.scss +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.scss @@ -0,0 +1,13 @@ +.guest { + display: flex; + align-content: center; + flex-flow: row; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + padding: 4px 20px; + color: #ffffff; + border-radius: 100px; + justify-content: center; + justify-items: center; + margin: 10px 0 20px; +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html index 5482e9a1..0f7cc315 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html @@ -1,26 +1,9 @@ -
- +
+ + + 안읽은 메시지가 + ({{ firstEventSeq - (roomInfo.lastReadEventSeq + 1) }})개 더 있습니다. + + +
@@ -131,14 +114,14 @@ *ngIf="getUserProfile(message.senderSeq) != ''" class="profile-img thumbnail-mask" > - +