sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

#1343 page customer card styling changes, added icons

Browse Source
This commit is contained in:
Nino Righi
2021-01-25 15:04:25 +01:00
parent 2230b83c65
commit 5afea3a224
3 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/page/customer/src/lib/customer-details/customer-card/customer-card.component.scss
View File

@@ -10,7 +10,7 @@
.card-customer-orders,
.card-customer-card,
.card-customer-details {
@apply bg-white rounded-t-card p-4 text-center;
@apply bg-white p-4 text-center;
box-shadow: 0 -2px 24px 0 #dce2e9;
}
@@ -23,10 +23,6 @@ a {
@apply text-2xl mb-px-35;
}
.header-container {
@apply relative;
}
.partner-cards-headline {
@apply text-xl mb-px-15 font-bold;
}
@@ -41,7 +37,7 @@ a {
}
.cancel-message {
@apply text-card-sub bg-transparent text-brand border-none font-bold rounded-full pr-0 no-underline;
@apply text-card-sub bg-transparent text-brand border-none font-bold pr-0 no-underline;
}
.customer-card,

14
apps/page/customer/src/lib/customer-details/shared/card-template/card-template.component.html
View File

@@ -1,13 +1,13 @@
<div class="wrapper">
<div *ngIf="cardDetails" class="card-main">
<div class="icons">
<div *ngIf="isCustomerCard && frontside" class="icon-barcode"><button (click)="frontside = !frontside">BACKSIDE</button></div>
<div *ngIf="isCustomerCard && !frontside" class="icon-back"><button (click)="frontside = !frontside">FRONTSIDE</button></div>
<div *ngIf="!isCustomerCard" class="icon-delete"><button (click)="onDeletePartnerCard()">DELETE</button></div>
<!-- So oder so ähnlich
<ui-icon size="20px" icon="icon_barcode"></ui-icon>
<ui-icon size="20px" icon="icon_back"></ui-icon>
<ui-icon size="20px" icon="icon_delete"></ui-icon> -->
<div *ngIf="isCustomerCard && frontside" class="icon-barcode">
<ui-icon (click)="frontside = !frontside" size="20px" icon="barcode"></ui-icon>
</div>
<div *ngIf="isCustomerCard && !frontside" class="icon-back">
<ui-icon (click)="frontside = !frontside" size="20px" icon="refresh"></ui-icon>
</div>
<div *ngIf="!isCustomerCard" class="icon-delete"><ui-icon (click)="onDeletePartnerCard()" size="20px" icon="trash"></ui-icon></div>
</div>
<div class="headline">
<p *ngIf="isCustomerCard && frontside">Ihre Lesepunkte</p>

3
apps/page/customer/src/lib/customer-details/shared/card-template/card-template.component.scss
View File

@@ -1,7 +1,8 @@
.wrapper {
@apply box-border relative flex flex-col mb-px-40;
@apply box-border rounded-customerCard relative flex flex-col;
width: 421px;
height: 266px;
margin-bottom: 42px;
box-shadow: 0px 21px 64px 0px #4e4e4e;
}