Umbau zu tailwind + mobile friendly: LandingPage & Footer

This commit is contained in:
2024-07-02 19:17:14 +02:00
parent 3d5b7e3f39
commit 958f0afd9b
32 changed files with 1464 additions and 699 deletions

View File

@@ -9,15 +9,27 @@
<div class="flex-auto p-fluid">
@if (user){
<div class="grid">
<div class="mb-4 col-12 md:col-6">
<div class="mb-4 col-12 md:col-4">
<label for="state" class="block font-medium text-900 mb-2">E-mail (required)</label>
<input id="state" type="text" [disabled]="true" pInputText [(ngModel)]="user.email" />
<p class="font-italic text-xs line-height-1">You can only modify your email by contacting us at support&#64;bizmatch.net</p>
</div>
<div class="mb-4 col-12 md:col-6">
<div class="mb-4 col-12 md:col-4">
<label for="customerType" class="block font-medium text-900 mb-2">Customer Type</label>
<p-dropdown id="customerType" [options]="selectOptions?.customerTypes" [(ngModel)]="user.customerType" optionLabel="name" optionValue="value" placeholder="State" [style]="{ width: '100%' }"></p-dropdown>
</div>
<div class="mb-4 col-12 md:col-4">
<label for="customerType" class="block font-medium text-900 mb-2">Professional Role</label>
<p-dropdown
id="customerSubType"
[options]="selectOptions?.customerSubTypes"
[(ngModel)]="user.customerSubType"
optionLabel="name"
optionValue="value"
placeholder="State"
[style]="{ width: '100%' }"
></p-dropdown>
</div>
</div>
<div class="grid">
<div class="mb-4 col-12 md:col-6">