sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Style adjustments

Browse Source
This commit is contained in:
Peter Skrlj
2019-02-09 21:26:05 +01:00
parent 48cf18b252
commit 8e48e87c1b
2 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/modules/customer-search/components/search-customer-result/search-customer-result.component.html
View File

@@ -1,11 +1,15 @@
<div class="customer-search-result-container">
<app-loading [loading]="users.length == 0"></app-loading>
<div class="user" *ngFor="let user of users">
<div class="user-info-container">
<div class="user-info">
<h1 class="user-title">{{ user.name }}</h1>
<div class="user-location">
<span class="user-label">PLZ und Wohnort</span>
<span class="user-data">{{ user.delivery_addres.zip }} {{ user.delivery_addres.city }}</span>
<span class="user-data"
>{{ user.delivery_addres.zip }}
{{ user.delivery_addres.city }}</span
>
</div>
<div class="user-email">
<span class="user-label">E-Mail</span>
@@ -13,7 +17,13 @@
</div>
<div class="user-shop" *ngIf="user.shop">
<span class="user-label">Onlineshop</span>
<span class="user-data"><img src="../../../assets/images/Check.svg" alt="check" class="check-icon">Registriert</span>
<span class="user-data"
><img
src="../../../assets/images/Check.svg"
alt="check"
class="check-icon"
/>Registriert</span
>
</div>
</div>
<div class="user-actions">
@@ -24,8 +34,8 @@
</div>
<div class="note">
<span class="note-text">
Hinweis: Aus Datenschutzgründen werden nur Teilinformationen dargestellt. Tab auf einen Kunden um mehr zu erfahren.
Hinweis: Aus Datenschutzgründen werden nur Teilinformationen dargestellt.
Tab auf einen Kunden um mehr zu erfahren.
</span>
</div>
</div>

16
src/app/modules/customer-search/components/search-customer-result/search-customer-result.component.scss
View File

@@ -1,4 +1,4 @@
@import "../../../../../assets/scss/variables";
@import '../../../../../assets/scss/variables';
.customer-search-result-container {
font-family: 'Open Sans';
@@ -25,8 +25,7 @@
&-info {
width: 50%;
&-container {
display: flex;
justify-content: space-between;
@@ -63,7 +62,7 @@
}
.user-actions {
width: 280px;
width: 320px;
display: flex;
justify-content: space-between;
align-items: flex-start;
@@ -73,13 +72,13 @@
font-size: 18px;
font-weight: bold;
color: $hima-button-color;
padding: 10px;
padding: 18px 20px;
text-decoration: none;
&.active {
color: #fff;
background-color: $hima-button-color;
border-radius: 25px;
border-radius: 30px;
outline: none;
}
@@ -93,7 +92,8 @@
.note {
text-align: center;
width: 40%;
margin-top: 10px;
margin-top: 15px;
margin-bottom: 50px;
&-text {
font-size: 16px;
@@ -101,4 +101,4 @@
color: #b3c3d4;
}
}
}
}