Skip to content

Commit

Permalink
fix(admin-ui): Small style fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
michaelbromley committed Jun 12, 2023
1 parent eadc479 commit 33eee17
Show file tree
Hide file tree
Showing 3 changed files with 43 additions and 41 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<ng-select
[items]="paymentMethods$ | async"
bindLabel="code"
appendTo="body"
autofocus
bindValue="code"
[addTag]="true"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@
*ngIf="order.shippingAddress"
[address]="order.shippingAddress"
></vdr-formatted-address>
<button class="button-small" (click)="setShippingAddress()">
<button class="button-small mr-2" (click)="setShippingAddress()">
{{ 'order.set-shipping-address' | translate }}
</button>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,32 @@

<ng-template [(clrIfActive)]="useExisting">
<clr-tab-content>
<ng-select
[items]="customers$ | async"
appendTo="body"
bindLabel="name"
[addTag]="false"
[multiple]="true"
[hideSelected]="true"
[trackByFn]="trackByFn"
[minTermLength]="2"
[loading]="isLoading"
[typeahead]="input$"
[(ngModel)]="selectedCustomer"
class="mt-4"
>
<ng-template ng-label-tmp let-item="item" let-clear="clear">
<clr-icon shape="user" class="is-solid"></clr-icon
><span class="ml2 mr2">{{ item.firstName }} {{ item.lastName }}</span>
<vdr-chip>{{ item.emailAddress }}</vdr-chip>
</ng-template>
<ng-template ng-option-tmp let-item="item">
<clr-icon shape="user" class="is-solid"></clr-icon
><span class="ml2 mr2">{{ item.firstName }} {{ item.lastName }}</span>
<vdr-chip>{{ item.emailAddress }}</vdr-chip>
</ng-template>
</ng-select>
<div class="mt-4">
<ng-select
[items]="customers$ | async"
appendTo="body"
bindLabel="name"
[addTag]="false"
[multiple]="true"
[hideSelected]="true"
[trackByFn]="trackByFn"
[minTermLength]="2"
[loading]="isLoading"
[typeahead]="input$"
[(ngModel)]="selectedCustomer"
>
<ng-template ng-label-tmp let-item="item" let-clear="clear">
<clr-icon shape="user" class="is-solid"></clr-icon
><span class="ml2 mr2">{{ item.firstName }} {{ item.lastName }}</span>
<vdr-chip>{{ item.emailAddress }}</vdr-chip>
</ng-template>
<ng-template ng-option-tmp let-item="item">
<clr-icon shape="user" class="is-solid"></clr-icon
><span class="ml2 mr2">{{ item.firstName }} {{ item.lastName }}</span>
<vdr-chip>{{ item.emailAddress }}</vdr-chip>
</ng-template>
</ng-select>
</div>
</clr-tab-content>
</ng-template>
</clr-tab>
Expand All @@ -40,21 +41,21 @@
<ng-template [(clrIfActive)]="createNew">
<clr-tab-content>
<form [formGroup]="customerForm">
<vdr-form-field [label]="'customer.title' | translate" for="title">
<input id="title" type="text" formControlName="title" />
</vdr-form-field>
<vdr-form-field [label]="'customer.first-name' | translate" for="firstName">
<input id="firstName" type="text" formControlName="firstName" />
</vdr-form-field>
<vdr-form-field [label]="'customer.last-name' | translate" for="lastName">
<input id="lastName" type="text" formControlName="lastName" />
</vdr-form-field>
<vdr-form-field [label]="'customer.email-address' | translate" for="emailAddress">
<input id="emailAddress" type="text" formControlName="emailAddress" />
</vdr-form-field>
<vdr-form-field [label]="'customer.phone-number' | translate" for="phoneNumber">
<input id="phoneNumber" type="text" formControlName="phoneNumber" />
</vdr-form-field>
<vdr-form-field [label]="'customer.title' | translate" for="title">
<input id="title" type="text" formControlName="title" />
</vdr-form-field>
<vdr-form-field [label]="'customer.first-name' | translate" for="firstName">
<input id="firstName" type="text" formControlName="firstName" />
</vdr-form-field>
<vdr-form-field [label]="'customer.last-name' | translate" for="lastName">
<input id="lastName" type="text" formControlName="lastName" />
</vdr-form-field>
<vdr-form-field [label]="'customer.email-address' | translate" for="emailAddress">
<input id="emailAddress" type="text" formControlName="emailAddress" />
</vdr-form-field>
<vdr-form-field [label]="'customer.phone-number' | translate" for="phoneNumber">
<input id="phoneNumber" type="text" formControlName="phoneNumber" />
</vdr-form-field>
</form>
</clr-tab-content>
</ng-template>
Expand Down

0 comments on commit 33eee17

Please sign in to comment.