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

환경설정 - 테마 추가

Browse Source
This commit is contained in:
khk 2019-11-25 10:39:09 +09:00
parent 893ebae543
commit 134656935f
4 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
projects/ucap-webmessenger-app/src/assets/images/theme/theme-default.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
projects/ucap-webmessenger-app/src/assets/images/theme/theme-lgRed.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

6
projects/ucap-webmessenger-ui-settings/src/lib/components/general.component.html
View File

@ -1,6 +1,12 @@
<div>
<mat-list>
<h1 mat-subheader>테마</h1>
<ul class="theme-list">
<li class="theme-box default on"></li>
<li class="theme-box lgRed"></li>
</ul>
<mat-list-item>
<span>기본값</span>
<span>어둡게</span>

28
projects/ucap-webmessenger-ui-settings/src/lib/components/general.component.scss
View File

@ -0,0 +1,28 @@
.theme-list {
position: relative;
display: flex;
flex-flow: row;
margin: 10px;
height: 120px;
.theme-box{
width: 140px;
height:98px;
margin-right:10px;
border: 1px solid #dddddd;
background-size:100% auto;
background-repeat: no-repeat;
opacity: 0.7;
&.default{
background-image: url("../../../../ucap-webmessenger-app/src/assets/images/theme/theme-default.png");
}
&.lgRed{
background-image: url("../../../../ucap-webmessenger-app/src/assets/images/theme/theme-lgRed.png");
}
&.on{
border:1px solid #333333;
opacity: 1;
}
}
}