troogs/fs-onboarding
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor ProspectGrid styles: update card width variables and adjust grid layout for improved responsiveness
All checks were successful
Build And Push Dev Docker Image / docker (push) Successful in 1m26s
Details

Browse Source
This commit is contained in:
a.beging@eas-solutions.de
2026-04-21 08:59:06 +02:00
parent c9d46be196
commit 5a4d4a7a04
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css
View File

@@ -1,12 +1,17 @@
.prospect-grid { .prospect-grid {
/* Default card width range. Override via a modifier class on ProspectGrid. */ /* Default card width range. Override via a modifier class on ProspectGrid. */
--pc-min-width: 200px; --pc-min-width: 320px;
--pc-max-width: 350px; --pc-max-width: 320px;
display: grid; display: grid;
gap: 1rem; gap: 1rem;
width: 100%; width: 100%;
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--pc-min-width)), var(--pc-max-width))); grid-template-columns: repeat(auto-fit, minmax(var(--pc-min-width), 1fr));
justify-content: center; justify-items: center;
align-items: stretch; align-items: stretch;
}
.prospect-grid > * {
width: 100%;
max-width: var(--pc-max-width);
} }