Make calculator cards equal height on desktop layout.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -6809,11 +6809,20 @@ body.funds-fullscreen-open {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
align-items: start;
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calc-card {
|
.calc-card {
|
||||||
padding: 16px 18px;
|
padding: 16px 18px;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calc-form {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calc-card h2 {
|
.calc-card h2 {
|
||||||
@@ -6879,7 +6888,8 @@ body.funds-fullscreen-open {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.calc-actions {
|
.calc-actions {
|
||||||
margin-top: 12px;
|
margin-top: auto;
|
||||||
|
padding-top: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calc-result {
|
.calc-result {
|
||||||
|
|||||||
Reference in New Issue
Block a user