overflow_cloud/member_webapp
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design

Browse Source
This commit is contained in:
sunny 2018-04-19 15:25:27 +09:00
parent fcae5d70ce
commit df5c1958cc
3 changed files with 60 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/packages/infra/component/map/map.component.html
View File

@ -48,7 +48,7 @@
</ng-template> </ng-template>
<ng-template let-node pTemplate="sensor"> <ng-template let-node pTemplate="sensor">
<p-button label="{{node.label}}"></p-button> <div><i class="fa ui-icon-stop ui-status-icon ui-status-success"></i>{{node.label}}</div>
</ng-template> </ng-template>
</p-tree> </p-tree>

73
src/packages/member/component/profile/profile.component.html
View File

@ -1,48 +1,45 @@
<form [formGroup]="modifyForm" (ngSubmit)="modifyProfile()"> <form [formGroup]="modifyForm" (ngSubmit)="modifyProfile()">
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12 ui-md-3"> <div class="ui-g-12 ui-md-3">
<p-panel [showHeader]="false"> <div>
<div class="ui-g"> <p-card>
<div class="ui-g-12 ui-inputgroup ui-bottom-space-10"> <div class="ui-g">
<img class="profile-image ui-img-profile-responsive" src="assets/layout/images/dark-user-bg.png" />
</div> </div>
</p-card>
</div>
</div>
<div class="ui-g-12 ui-bottom-space-10"> <div class="ui-g-12 ui-md-9">
<img class="profile-image" src="assets/layout/images/dark-user-bg.png" /> <div class="ui-g form-group">
</div> <div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="text" pInputText readonly value="{{member.email}}">
<label>Email</label>
</span>
</div> </div>
</p-panel> <div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="text" pInputText value="{{member.name}}" >
<label>Name</label>
</span>
</div>
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="text" pInputText value="{{member.companyName}}" >
<label>Company Name</label>
</span>
</div>
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield">
<input type="text" pInputText value="{{member.phone}}" >
<label>Phone</label>
</span>
</div>
</div>
</div> </div>
<div class="ui-g-12" dir="rtl">
<div class="ui-g form-group"> <button type="submit" [disabled]="selected" class="ui-button ui-button-text-icon-left ui-button-width-fit">
<div class="ui-g-12 ui-md-6 ui-lg-6">
<span class="md-inputfield">
<input type="text" pInputText readonly value="{{member.email}}">
<label>Email</label>
</span>
</div>
<div class="ui-g-12 ui-md-6 ui-lg-6">
<span class="md-inputfield">
<input type="text" pInputText value="{{member.name}}" >
<label>Name</label>
</span>
</div>
<div class="ui-g-12 ui-md-6 ui-lg-6">
<span class="md-inputfield">
<input type="text" pInputText value="{{member.companyName}}" >
<label>Company Name</label>
</span>
</div>
<div class="ui-g-12 ui-md-6 ui-lg-6">
<span class="md-inputfield">
<input type="text" pInputText value="{{member.phone}}" >
<label>Phone</label>
</span>
</div>
</div>
<div class="ui-g-12 ui-md-6 ui-lg-6" dir="rtl">
<button type="submit" [disabled]="selected" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" dir="auto">
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span> <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
<span class="ui-button-text ui-c">Save</span> <span class="ui-button-text ui-c">Save</span>
</button> </button>

30
src/styles.scss
View File

@ -96,30 +96,48 @@
} }
} }
font-size: 0.8em !important; font-size: 0.8em !important;
} }
.ui-status-icon{ .ui-status-icon{
//margin-top: 3px; //margin-top: 3px;
//position: static; //position: static;
//display: inline-block; //display: inline-block;
vertical-align: middle; vertical-align: middle;
&.ui-status-info { &.ui-status-info {
color: #2196F3; color: #2196F3 !important;
} }
&.ui-status-warn { &.ui-status-warn {
color: #ffc107; color: #ffc107 !important;
} }
&.ui-status-error { &.ui-status-error {
color: #e62a10; color: #e62a10 !important;
} }
&.ui-status-fatal { &.ui-status-fatal {
color: #212121; color: #212121 !important;
} }
&.ui-status-success { &.ui-status-success {
color: #8BC34A; color: #8BC34A !important;
}
}
img.ui-img-profile-responsive {
width : 100%;
height: auto;
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
}
@media (max-width: 1024px) {
}
@media (max-width: 640px) {
} }
} }