fix: update footer layout and improve favicon links for better accessibility

This commit is contained in:
Marek Lesko
2025-10-24 08:42:49 +00:00
parent f939866d36
commit 52696196b2
3 changed files with 19 additions and 79 deletions

View File

@@ -74,7 +74,7 @@ export const appConfig: ApplicationConfig = {
},
}),
provideClientHydration(),
// provideClientHydration(),
provideAnimationsAsync(),
importProvidersFrom(
FormsModule,

View File

@@ -1,86 +1,26 @@
<div class="footer-content">
<div class="footer-wrapper">
<div class="container">
<div class="row">
<!-- <div class="col-md-3 col-6 m-b-30">
<div class="listContainer">
<h5 class="f-s-16 f-w-600 m-b-30">Applications</h5>
<mat-list role="list" class="p-y-0">
@for (item of applicationsItems; track item) {
<a class="text-decoration-none d-block m-b-20" [routerLink]="[item.href]">
{{ item.title }}
</a>
}
</mat-list>
</div>
</div>
<div class="col-md-3 col-6 m-b-30">
<div class="listContainer">
<h5 class="f-s-16 f-w-600 m-b-30">Forms</h5>
<mat-list role="list" class="p-y-0">
@for (item of formsItems; track item) {
<a class="text-decoration-none d-block m-b-20" [routerLink]="[item.href]">
{{ item.title }}
</a>
}
</mat-list>
</div>
</div>-->
<!-- <div class="col-md-3 col-6 m-b-30">
<div class="listContainer">
<h5 class="f-s-16 f-w-600 m-b-30">Tables</h5>
<mat-list role="list" class="p-y-0">
@for (item of tablesItems; track item) {
<a class="text-decoration-none d-block m-b-20" [routerLink]="[item.href]">
{{ item.title }}
</a>
}
</mat-list>
</div>
</div> -->
<!-- <div class="col-md-3 col-6 m-b-30">
<div class="d-flex align-items-center justify-content-between p-y-30 b-t-1 flex-wrap">
<div class="col-md-4">
<h5 class="f-s-16 f-w-600 m-b-30">Sledujte nás:</h5>
<div class="d-flex align-items-center gap-20">
<div class="d-flex align-items-center gap-20 text-center">
@for (icon of socialIcons; track icon.src) {
<img [src]="icon.src" [matTooltip]="icon.tooltip" alt="social-icon" width="22" height="22"
class="cursor-pointer" />
}
</div>
</div> -->
</div>
<div class="d-flex align-items-center justify-content-between p-y-30 b-t-1 flex-wrap">
<div class="row">
<div class="col-md-4">
<h5 class="f-s-16 f-w-600 m-b-30">Sledujte nás:</h5>
<div class="d-flex align-items-center gap-20">
@for (icon of socialIcons; track icon.src) {
<img [src]="icon.src" [matTooltip]="icon.tooltip" alt="social-icon" width="22" height="22"
class="cursor-pointer" />
}
</div>
</div>
<div class="col-md-4">
<img src="/assets/images/logos/logo-nextgen.png" class="img-fluid" style="max-width: 100%; height: auto;" />
</div>
<div class="col-md-4 content-start">
<img src="/assets/images/logos/POO_logo_modre.png" class="img-fluid"
style="max-width: 100%; height: auto;" />
</div>
</div>
<!-- Left side -->
<!-- <div class="d-flex align-items-center gap-4">
<img src="assets/images/landingpage/favicon.png" alt="logo" width="20" height="15" />
<h6 class="f-s-16 f-w-500">All rights reserved by Modernize.</h6>
</div> -->
<!-- Right side -->
<!-- <div class="d-flex justify-content-end align-items-center">
<p class="f-s-16 m-0">
Designed & Developed by
<a href="https://adminmart.com/" target="_blank" class="text-decoration-none text-primary">
AdminMart </a>.
</p>
</div> -->
<div class="col-md-4 text-center">
<img
srcset="https://s3.lesko.me/public/logo/logo-nextgen-1x.png, https://s3.lesko.me/public/logo/logo-nextgen-2x.png 2x"
class="img-fluid" style="max-width: 100%; height: auto;" />
</div>
<div class="col-md-4 text-center">
<img
srcset="https://s3.lesko.me/public/logo/logo-poo-1x.png, https://s3.lesko.me/public/logo/logo-poo-2x.png 2x"
class="img-fluid" style="max-width: 100%; height: auto;" />
</div>
</div>
</div>
</div>