PayPoint/paypoint-frontend
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix teveel klanten

Browse Source
This commit is contained in:
Mel van Veen
2025-03-16 21:51:32 +01:00
parent 2d444b0300
commit 1dda26b35f
2 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/pages/klanten/klanten.component.html
View File

@@ -19,21 +19,22 @@
Klant toevoegen
</button>
</div>
<table class="styled-table">
<thead>
<tr>
<th>Naam</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let customer of customers" (click)="selectCustomer(customer)" [id]="customer.id">
<td>{{ customer.firstName }} {{ customer.lastName }}</td>
<td>{{ customer.email }}</td>
</tr>
</tbody>
</table>
<div class="results">
<table class="styled-table">
<thead>
<tr>
<th>Naam</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let customer of customers" (click)="selectCustomer(customer)" [id]="customer.id">
<td>{{ customer.firstName }} {{ customer.lastName }}</td>
<td>{{ customer.email }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

7
src/app/pages/klanten/klanten.component.scss
View File

@@ -15,6 +15,7 @@ h2 {
display: flex;
flex-direction: column;
justify-content: center;
overflow-y: unset;
}
.styled-table {
@@ -25,7 +26,7 @@ h2 {
text-align: left; /* Tekst uitlijning */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Zachte schaduw */
border-radius: 10px; /* Afgeronde hoeken */
overflow: hidden; /* Hoeken correct afronden */
overflow: scroll; /* Hoeken correct afronden */
}
.styled-table thead {
@@ -60,6 +61,7 @@ h2 {
.toolbar {
button {
margin-left: 8px;
position: sticky;
}
margin-bottom: 12px;
@@ -69,4 +71,7 @@ h2 {
}
.results{
overflow-y: scroll;
}