next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.html
2019-09-26 11:11:22 +09:00

35 lines
786 B
HTML

<div fxFlex fxLayout="column" fxLayoutAlign="center center">
<div
class="big-circle app-logo"
fxLayout="column"
fxLayoutAlign="center center"
[@animate]="{ value: '*', params: { delay: '50ms', scale: '0.2' } }"
>
<mat-icon class="s-64 s-md-128 mat-accent">chat</mat-icon>
</div>
<span
class="app-title mt-48 mb-8"
[@animate]="{ value: '*', params: { delay: '100ms', y: '25px' } }"
>
Chat App
</span>
<span
fxHide
fxShow.gt-md
class="app-message"
[@animate]="{ value: '*', params: { delay: '200ms', y: '50px' } }"
>
Select a contact to start a chat!
</span>
<button
mat-raised-button
fxHide.gt-md
fuseMatSidenavToggler="chat-left-sidenav"
>
Select a contact to start a chat!
</button>
</div>