diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.html index 17d12ef1..7e29fc9b 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.html +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.html @@ -12,7 +12,7 @@ class="app-title mt-48 mb-8" [@animate]="{ value: '*', params: { delay: '100ms', y: '25px' } }" > - Chat App + M Messenger Select a contact to start a chat! - - diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.scss index e69de29b..a26022db 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.scss @@ -0,0 +1,23 @@ +:host { + display: flex; + height: 100%; + flex: 1; + + .big-circle { + border-radius: 50%; + width: 240px; + height: 240px; + line-height: 240px; + text-align: center; + border: 1px solid; + } + + .app-title { + font-weight: 600; + font-size: 32px; + } + + .secondary-text { + font-size: 16px; + } +} diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html index 4ac91ee9..6960b402 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html @@ -1,34 +1,36 @@ - - - - group - - - - - - - - chat - - - - - - - - device_hub - - - - - - - - phone - - - - - - +
+ + + + group + + + + + + + + chat + + + + + + + + device_hub + + + + + + + + phone + + + + + + +
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss index e69de29b..b18d9127 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss @@ -0,0 +1,4 @@ +::ng-deep .mat-tab-label, +::ng-deep .mat-tab-label-active { + min-width: 0 !important; +} diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html index 6cadb5a8..18ebf834 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html @@ -1,5 +1,5 @@ -
+
@@ -7,18 +7,13 @@ - - - -
@@ -31,11 +26,7 @@ - @@ -45,7 +36,7 @@ -
+
@@ -53,7 +44,7 @@ -