design ing

This commit is contained in:
sunny 2018-09-10 22:02:41 +09:00
parent 7979ed8cc9
commit 43ab69d248
4 changed files with 55 additions and 3 deletions

View File

@ -217,6 +217,32 @@ $inputGroupTextColor: #222222;
}
}
.ui-widget-header .ui-button-secondary,
.ui-widget-content .ui-button-secondary,
.ui-widget.ui-button-secondary,
.ui-button-secondary {
border: 1px solid #e9e9e9;
color: #535353;
background: #eeeeee;
-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
transition: background-color .2s;
&:enabled:hover,
&:focus {
border: 1px solid #e0e0e0;
background: #dfdfdf;
outline: 0 none;
color: #797979;
}
&:enabled:active {
border: 1px solid #dadada;
background: #dbdbdb;
color: #535353;
}
}
.ui-fileupload-choose:not(.ui-state-disabled):hover,
.ui-fileupload-choose.ui-state-focus {
border: 1px solid #1f89ce;

View File

@ -0,0 +1,20 @@
.key-value {
list-style-type: none;
margin: 28px 0 0 0;
padding: 0;
box-sizing: border-box;
width: 500px;
li {
padding: 8px 14px;
border-bottom: 1px solid #d8dae2;
position: relative;
font-weight: bold;
width: 180px;
.meta-value {
font-weight: 100;
position: absolute;
width: 300px;
right: 40px;
}
}
}

View File

@ -88,9 +88,9 @@
of the family.
</p-panel>
-->
<div class="ui-g-12">
<button type="button" pButton label="Reset" style="float: right;" (click)="setDefault($event)"></button>
<button type="button" pButton label="Apply" style="float: right;" (click)="done()" [disabled]="portErrMsg || ipErrMsg"></button>
<div class="ui-g-12 ui-button-right">
<button type="button" pButton label="Reset" (click)="setDefault($event)" class="ui-button-secondary"></button>
<button type="button" pButton label="Apply" (click)="done()" [disabled]="portErrMsg || ipErrMsg"></button>
</div>
<!-- <p-footer>
Footer content here

View File

@ -9,3 +9,9 @@
float: left;
}
}
.ui-button-right {
button {
float: right;
margin-left: 4px;
}
}