JoeKung/print-calculator
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(web): entire site responsive
All checks were successful
Build, Test and Deploy / test-backend (push) Successful in 22s
Details
Build, Test and Deploy / build-and-push (push) Successful in 20s
Details
Build, Test and Deploy / deploy (push) Successful in 5s
Details

Browse Source
This commit is contained in:
Joe Küng
2026-02-04 16:22:26 +01:00
parent 8a75aed6d8
commit 810d5f6c0c
4 changed files with 34 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/app/features/about/about-page.component.ts
View File

@@ -158,18 +158,16 @@ import { TranslateModule } from '@ngx-translate/core';
/* Right Column */
.visual-content {
display: flex;
justify-content: center;
gap: 2rem;
align-items: center;
/* Mobile: Stacked */
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2rem;
/* Desktop: Side-by-side */
@media(min-width: 768px) {
flex-direction: row;
flex-wrap: wrap; /* Wrap if necessary but try row */
align-items: flex-start;
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: start;
justify-items: center;
}
}
@@ -178,7 +176,8 @@ import { TranslateModule } from '@ngx-translate/core';
padding: 1rem;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
width: 260px;
width: 100%;
max-width: 260px;
position: relative;
}

14
frontend/src/app/features/contact/components/contact-form/contact-form.component.ts
View File

@@ -29,9 +29,9 @@ interface FilePreview {
<div class="row">
<!-- Phone -->
<app-input formControlName="email" type="email" label="Email *" placeholder="tuo@email.com" class="col"></app-input>
<app-input formControlName="email" type="email" label="Email *" [placeholder]="'CONTACT.PLACEHOLDER_EMAIL' | translate" class="col"></app-input>
<!-- Phone -->
<app-input formControlName="phone" type="tel" [label]="('CONTACT.PHONE' | translate)" placeholder="+41 00 000 00 00" class="col"></app-input>
<app-input formControlName="phone" type="tel" [label]="('CONTACT.PHONE' | translate)" [placeholder]="'CONTACT.PLACEHOLDER_PHONE' | translate" class="col"></app-input>
</div>
<!-- User Type Selector (Segmented Control) -->
@@ -45,16 +45,16 @@ interface FilePreview {
</div>
<!-- Personal Name (Only if NOT Company) -->
<app-input *ngIf="!isCompany" formControlName="name" label="Nome *" placeholder="Il tuo nome"></app-input>
<app-input *ngIf="!isCompany" formControlName="name" label="Nome *" [placeholder]="'CONTACT.PLACEHOLDER_NAME' | translate"></app-input>
<!-- Company Fields (Only if Company) -->
<div *ngIf="isCompany" class="company-fields">
<app-input formControlName="companyName" [label]="('CONTACT.COMPANY_NAME' | translate) + ' *'" placeholder="Nome Azienda"></app-input>
<app-input formControlName="referencePerson" [label]="('CONTACT.REF_PERSON' | translate) + ' *'" placeholder="Persona di Riferimento"></app-input>
<app-input formControlName="companyName" [label]="('CONTACT.COMPANY_NAME' | translate) + ' *'" [placeholder]="'CONTACT.PLACEHOLDER_COMPANY' | translate"></app-input>
<app-input formControlName="referencePerson" [label]="('CONTACT.REF_PERSON' | translate) + ' *'" [placeholder]="'CONTACT.PLACEHOLDER_REF_PERSON' | translate"></app-input>
</div>
<div class="form-group">
<label>Messaggio *</label>
<label>{{ 'CONTACT.LABEL_MESSAGE' | translate }}</label>
<textarea formControlName="message" class="form-control" rows="4"></textarea>
</div>
@@ -85,7 +85,7 @@ interface FilePreview {
<div class="actions">
<app-button type="submit" [disabled]="form.invalid || sent()">
{{ sent() ? 'Inviato!' : ('CONTACT.SEND' | translate) }}
{{ sent() ? ('CONTACT.MSG_SENT' | translate) : ('CONTACT.SEND' | translate) }}
</app-button>
</div>
</form>