administrator/pas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust column width for topcards in homepage details for better layout

Browse Source
This commit is contained in:
Marek Lesko
2025-10-22 17:48:50 +00:00
parent 331c3d50f2
commit f939866d36
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Web/src/app/pages/front-pages/homepage-details/homepage-details.component.html
View File

@@ -96,7 +96,7 @@
<div class="row m-t-24 justify-content-center"> <div class="row m-t-24 justify-content-center">
<!-- Column 1: Light & Dark + 12+ Designs --> <!-- Column 1: Light & Dark + 12+ Designs -->
@for (topcard of topcards; track topcard.key) { @for (topcard of topcards; track topcard.key) {
<div class="col-md-4"> <div class="col-md-6">
<div> <div>
<!-- @if (topcard.title === 'Light & Dark Color Schemes' || topcard.title.includes('12+')) { --> <!-- @if (topcard.title === 'Light & Dark Color Schemes' || topcard.title.includes('12+')) { -->
<mat-card class="shadow-none text-justify rounded-12 bg-light-{{ topcard.color }} card-box p-x-30 p-y-44"> <mat-card class="shadow-none text-justify rounded-12 bg-light-{{ topcard.color }} card-box p-x-30 p-y-44">
@@ -110,7 +110,7 @@
</div> </div>
</div> </div>
} }
<div class="col-md-4"> <!-- <div class="col-md-4">
<div> <div>
@for (topcard of topcards; track topcard.title) @for (topcard of topcards; track topcard.title)
{ {
@@ -128,7 +128,7 @@
</mat-card> </mat-card>
} } } }
</div> </div>
</div> </div> -->
<!-- Column 2: Code Improvements + UI Components --> <!-- Column 2: Code Improvements + UI Components -->
<div class="col-md-4"> <div class="col-md-4">