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

bug fixed

Browse Source
This commit is contained in:
병준 박 2019-11-22 09:53:11 +09:00
parent 447577aa1b
commit 9321688bc4
1 changed files with 37 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
View File

@ -1,12 +1,6 @@
::ng-deep .cdk-overlay-pane { ::ng-deep .setting-frame {
width: 600px;
max-height: 90%;
height:800px;
}
::ng-deep .setting-frame{
padding: 16px; padding: 16px;
height:100%; height: 100%;
min-width: 500px; min-width: 500px;
position: relative; position: relative;
@ -17,7 +11,7 @@
.mat-card-header { .mat-card-header {
position: relative; position: relative;
width: 100%; width: 100%;
border-bottom:1px solid #dddddd; border-bottom: 1px solid #dddddd;
margin-bottom: 12px; margin-bottom: 12px;
} }
@ -26,17 +20,16 @@
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
height: calc(100% - 100px); height: calc(100% - 100px);
border-bottom:1px solid #dddddd; border-bottom: 1px solid #dddddd;
.setting-tab{ .setting-tab {
position: relative; position: relative;
width:100%; width: 100%;
height:100%; height: 100%;
.mat-tab-body-wrapper{ .mat-tab-body-wrapper {
border-left:1px solid #dddddd; border-left: 1px solid #dddddd;
position: relative; position: relative;
height:100%; height: 100%;
padding: 0 0 10px 10px; padding: 0 0 10px 10px;
} }
} }
} }
@ -52,49 +45,47 @@
} }
} }
::ng-deep .setting-tab{ ::ng-deep .setting-tab {
.mat-tab-group{ .mat-tab-group {
position: relative; position: relative;
height:100%; height: 100%;
width:100%; width: 100%;
.mat-tab-header{ .mat-tab-header {
.mat-tab-label-container{ .mat-tab-label-container {
.mat-tab-list{ .mat-tab-list {
.mat-tab-labels{ .mat-tab-labels {
border-bottom:0; border-bottom: 0;
padding-right:10px; padding-right: 10px;
.mat-tab-label{ .mat-tab-label {
padding:0 10px; padding: 0 10px;
} }
} }
} }
} }
} }
.mat-tab-body-wrapper{ .mat-tab-body-wrapper {
.mat-tab-body{ .mat-tab-body {
.mat-tab-body-conten{ .mat-tab-body-conten {
position:relative; position: relative;
width:100%; width: 100%;
height:100%; height: 100%;
.mat-list-base{ .mat-list-base {
position:relative; position: relative;
} }
} }
} }
} }
} }
} }
::ng-deep .setting-category{ ::ng-deep .setting-category {
.mat-list-base{ .mat-list-base {
position:relative; position: relative;
.mat-list-item{ .mat-list-item {
font-size:15px; font-size: 15px;
} }
.mat-divider{ .mat-divider {
} }
} }
} }