버젼정보 및 수정사항
This commit is contained in:
khk
parent
bbebd8bedc
commit
9ba7bd4966
|
|
@ -30,6 +30,7 @@
|
|||
padding: 10px;
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 4px;
|
||||
font-size: 0.9em;
|
||||
.select-file {
|
||||
color: #212121;
|
||||
border-bottom: 1px dotted #dddddd;
|
||||
|
|
@ -74,8 +75,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
height: 90px;
|
||||
background-color: #efefef;
|
||||
border: 1px dotted #cccccc;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -87,12 +87,10 @@
|
|||
dd {
|
||||
.btn-download {
|
||||
margin-left: auto;
|
||||
height:40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:nth-child(3n + 0) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -102,14 +100,18 @@
|
|||
display: flex;
|
||||
flex-flow: wrap;
|
||||
height: auto;
|
||||
justify-content: space-between;
|
||||
justify-content: stretch;
|
||||
align-content: space-between;
|
||||
width: 100%;
|
||||
.img-item {
|
||||
cursor: pointer;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
height: 130px;
|
||||
width: 33%;
|
||||
width: 32%;
|
||||
margin-right: 2%;
|
||||
&:nth-child(3n + 0) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -128,6 +130,7 @@
|
|||
button {
|
||||
margin: 5px;
|
||||
font-size: 0.9em;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -173,6 +173,7 @@ $listH-row2: 60px;
|
|||
button {
|
||||
margin: 5px;
|
||||
font-size: 0.9em;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div fxLayout="column" class="list">
|
||||
<div class="search-list">
|
||||
<perfect-scrollbar class="album-scrollbar">
|
||||
<perfect-scrollbar class="room-user-scrollbar">
|
||||
<ucap-profile-user-list-item
|
||||
*ngFor="let userInfo of userInfoList"
|
||||
[userInfo]="userInfo"
|
||||
|
|
|
|||
|
|
@ -439,35 +439,28 @@
|
|||
class="version-info-container menu-item"
|
||||
(click)="$event.stopPropagation()"
|
||||
>
|
||||
<div>
|
||||
<span>
|
||||
{{ 'information.installedVersion' | translate }}:{{ appVersion }}
|
||||
<div class="version-info-now" >
|
||||
<span class="version-info-item">
|
||||
{{ 'information.installedVersion' | translate }}:<span class="info-content">{{ appVersion }}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div *ngIf="checkingUpdate">
|
||||
<div *ngIf="checkingUpdateIsProcessing" style="display: flex;">
|
||||
<mat-spinner
|
||||
*ngIf="checkingUpdate && checkingUpdateIsProcessing"
|
||||
diameter="20"
|
||||
strokeWidth="1"
|
||||
></mat-spinner>
|
||||
<div *ngIf="checkingUpdate" class="version-info-newest">
|
||||
<div *ngIf="checkingUpdateIsProcessing">
|
||||
<span class="version-info-item">
|
||||
{{ 'information.checkForUpdatesInProgress' | translate }}
|
||||
<span class="info-content"> <mat-spinner *ngIf="checkingUpdate && checkingUpdateIsProcessing" diameter="20" strokeWidth="1"></mat-spinner></span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div *ngIf="!checkingUpdateIsProcessing" style="display: flex;">
|
||||
<span>
|
||||
{{ 'information.latestVersion' | translate }}:{{
|
||||
<span class="version-info-item">
|
||||
{{ 'information.latestVersion' | translate }}:<span class="info-content">{{
|
||||
checkingUpdateAppVersion
|
||||
}}
|
||||
}}</span>
|
||||
</span>
|
||||
<span>
|
||||
<button
|
||||
*ngIf="checkingUpdateIsExist"
|
||||
mat-button
|
||||
(click)="onClickApplyUpdate($event)"
|
||||
>
|
||||
{{ 'information.applyUpdates' | translate }}
|
||||
</button>
|
||||
<span class="version-info-button">
|
||||
<button *ngIf="checkingUpdateIsExist" mat-flat-button
|
||||
class="mat-primary" (click)="onClickApplyUpdate($event)">{{ 'information.applyUpdates' | translate }}</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -298,5 +298,41 @@
|
|||
}
|
||||
|
||||
.version-info-container {
|
||||
width: 250px;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
padding: 10px 20px;
|
||||
.version-info-now {
|
||||
.version-info-item {
|
||||
display: flex;
|
||||
height: 2em;
|
||||
justify-items: center;
|
||||
.info-content {
|
||||
margin-left: auto;
|
||||
text-align: end;
|
||||
}
|
||||
}
|
||||
}
|
||||
.version-info-newest {
|
||||
width: 240px;
|
||||
div {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
.version-info-item {
|
||||
display: flex;
|
||||
height: 2em;
|
||||
justify-items: center;
|
||||
.info-content {
|
||||
margin-left: auto;
|
||||
text-align: end;
|
||||
}
|
||||
}
|
||||
.version-info-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -60,8 +60,8 @@
|
|||
font-size: 10px;
|
||||
margin: 50px auto;
|
||||
text-indent: -9999em;
|
||||
width: 11em;
|
||||
height: 11em;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
background: #ffffff;
|
||||
background: -moz-linear-gradient(
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
.credit {
|
||||
color: #ffffff;
|
||||
margin: 0 auto;
|
||||
font-size: 1.3em;
|
||||
font-size: 1.2em;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
|
@ -137,3 +137,13 @@
|
|||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px), (max-height: 800px) {
|
||||
.load-container .loader {
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
}
|
||||
.credit {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,18 +17,6 @@ $login-max-height: 800px;
|
|||
}
|
||||
}
|
||||
|
||||
@include tab {
|
||||
.login-form {
|
||||
width: 34vw;
|
||||
min-width: 34vw;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.mat-title {
|
||||
width: 14vh;
|
||||
height: 14vh;
|
||||
margin: 10px 0 10px 0;
|
||||
}
|
||||
}
|
||||
.login-form {
|
||||
position: relative;
|
||||
transform: scale(1);
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@ $thumbnail-msize: 40px;
|
|||
|
||||
.room-info {
|
||||
flex-direction: column;
|
||||
width: calc(100% - 80px);
|
||||
width: calc(100% - 60px);
|
||||
.detail {
|
||||
display: inline-flex;
|
||||
color: $font-dark;
|
||||
|
|
@ -118,12 +118,12 @@ $thumbnail-msize: 40px;
|
|||
}
|
||||
.date {
|
||||
float: right;
|
||||
width: 70px;
|
||||
width: 60px;
|
||||
text-align: right;
|
||||
margin-left: 10px;
|
||||
color: $font-mid;
|
||||
align-items: flex-start;
|
||||
align-items: flex-end;
|
||||
margin-top: -2px;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ $line-basic: 1px solid #dddddd;
|
|||
height: 40px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
margin-right: 16px;
|
||||
margin-right: 12px;
|
||||
position: relative;
|
||||
img {
|
||||
width: 40px;
|
||||
|
|
|
|||
|
|
@ -1,19 +1,28 @@
|
|||
.sticker-selector {
|
||||
::ng-deep .sticker-selector {
|
||||
height: 220px;
|
||||
border-top: 1px solid #cccccc;
|
||||
|
||||
.sticker-item-box {
|
||||
flex-wrap: wrap;
|
||||
padding: 20px 20px 0;
|
||||
.mat-tab-header {
|
||||
.mat-tab-label {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
.mat-tab-body-wrapper {
|
||||
height: 180px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.sticker-item {
|
||||
.sticker-item-box {
|
||||
flex-wrap: wrap;
|
||||
padding: 20px 20px 0;
|
||||
overflow: auto;
|
||||
|
||||
.sticker-item {
|
||||
width: 60px;
|
||||
margin-bottom: 20px;
|
||||
display: inline-flex;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.selected-sticker {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user