ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://git.loafle.net/ucap-web/next-ucap-messenger

Browse Source
This commit is contained in:
leejinho 2020-01-07 17:46:25 +09:00
commit 2f0ab68f3e
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html
View File

@ -21,11 +21,12 @@
</div> </div>
<ul class="event-info"> <ul class="event-info">
<li class="event-date bg-accent-brightest"> <li class="event-date bg-accent-brightest">
<span class="bg-accent-dark">날짜</span <span class="text-accent-darkest">날짜</span
>{{ date | ucapDate: 'YYYY.MM.DD' }} >{{ date | ucapDate: 'YYYY.MM.DD' }}
</li> </li>
<li class="event-time bg-accent-brightest"> <li class="event-time bg-accent-brightest">
<span class="bg-accent-dark">시간</span>{{ date | ucapDate: 'a hh:mm' }} <span class="text-accent-darkest">시간</span
>{{ date | ucapDate: 'a hh:mm' }}
</li> </li>
<li class="event-content"> <li class="event-content">
{{ message.sentMessageJson.title }} {{ message.sentMessageJson.title }}

7
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss
View File

@ -3,10 +3,11 @@
text-align: left; text-align: left;
padding: 4px; padding: 4px;
.event-header { .event-header {
padding: 10px 10px 10px 36px; padding: 10px;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); text-align: center;
//background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 10px center; background-position: 10px center;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
@ -18,6 +19,7 @@
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
background-color: #ffffff; background-color: #ffffff;
li { li {
color: #333333;
&.event-title { &.event-title {
margin-bottom: 10px; margin-bottom: 10px;
padding-bottom: 10px; padding-bottom: 10px;
@ -37,6 +39,7 @@
justify-content: center; justify-content: center;
font-size: 0.96em; font-size: 0.96em;
margin-bottom: 2px; margin-bottom: 2px;
color: #777777;
} }
} }
&.event-content { &.event-content {