Fix dashboard tool cards min-height — cards were collapsing to ~100px
Restored min-height:200px + display:flex on .dashboard-tool-card in CSS, and removed the conflicting min-height:0 inline overrides on each card div. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+7
-31
@@ -240,14 +240,17 @@ body {
|
||||
|
||||
.dashboard-tool-card {
|
||||
position: relative;
|
||||
min-height: 250px;
|
||||
padding: 22px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 18px 20px;
|
||||
border: 1px solid var(--dbn-line);
|
||||
border-radius: 8px;
|
||||
background: rgba(255, 255, 255, 0.82);
|
||||
color: var(--dbn-ink);
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
min-height: 200px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dashboard-tool-card:hover {
|
||||
@@ -255,37 +258,13 @@ body {
|
||||
border-color: rgba(186, 12, 47, 0.36);
|
||||
}
|
||||
|
||||
.dashboard-tool-card__icon {
|
||||
color: rgba(0, 32, 91, 0.14);
|
||||
font-size: 4.8rem;
|
||||
font-weight: 900;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.dashboard-tool-card__badge {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 18px;
|
||||
color: var(--dbn-red);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 900;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.dashboard-tool-card h2 {
|
||||
margin: 12px 0 8px;
|
||||
font-size: 1.45rem;
|
||||
}
|
||||
|
||||
.dashboard-tool-card p {
|
||||
color: #514b43;
|
||||
line-height: 1.48;
|
||||
}
|
||||
|
||||
.dashboard-tool-card strong {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
color: var(--dbn-blue);
|
||||
.dashboard-tool-card--workbench {
|
||||
border-color: rgba(0, 32, 91, 0.2);
|
||||
}
|
||||
|
||||
.dbn-public-tools {
|
||||
@@ -466,9 +445,6 @@ body {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.dashboard-tool-card {
|
||||
min-height: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
|
||||
Reference in New Issue
Block a user