ruslan/Stend_mont
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fixed card height 480px, icon constrained, info-area scrolls

Browse Source
This commit is contained in:
Ruslan
2026-04-28 12:57:21 +00:00
parent 7a7c6e30e3
commit 530d901a45
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/style.css
+7 -6
View File
@@ -322,6 +322,8 @@ button {
} }
.service-grid { .service-grid {
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
grid-auto-rows: 480px;
align-items: stretch;
} }
.category-strip { .category-strip {
margin-top: 0.9rem; margin-top: 0.9rem;
@@ -347,7 +349,6 @@ button {
.tile-wrap { .tile-wrap {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0;
height: 100%; height: 100%;
} }
.svc-credentials { .svc-credentials {
@@ -424,6 +425,7 @@ button {
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
flex: 1; flex: 1;
min-height: 0; min-height: 0;
overflow: hidden;
} }
.tile:hover { .tile:hover {
transform: translateY(-2px); transform: translateY(-2px);
@@ -433,6 +435,7 @@ button {
.tile-icon-box { .tile-icon-box {
width: min(100%, 336px); width: min(100%, 336px);
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
max-height: 180px;
border-radius: 16px; border-radius: 16px;
border: 1px solid #d8e3ed; border: 1px solid #d8e3ed;
background: #edf3f9; background: #edf3f9;
@@ -440,6 +443,7 @@ button {
place-items: center; place-items: center;
margin: 0 auto 0.8rem; margin: 0 auto 0.8rem;
overflow: hidden; overflow: hidden;
flex-shrink: 0;
} }
.tile-icon { .tile-icon {
width: 88%; width: 88%;
@@ -466,14 +470,11 @@ button {
min-height: 0; min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0; overflow-y: auto;
overflow-x: hidden;
} }
.tile-comment { .tile-comment {
display: block; display: block;
flex: 1;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
line-height: 1.35; line-height: 1.35;
padding-right: 0.2rem; padding-right: 0.2rem;
} }