fix: prevent service card titles from overlapping green checkmarks
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
7044983bde
commit
3d8087dd5a
1 changed files with 7 additions and 5 deletions
|
|
@ -286,9 +286,10 @@
|
||||||
border-radius: var(--radius-lg);
|
border-radius: var(--radius-lg);
|
||||||
box-shadow: inset 0 0 24px rgba(255,255,255,.018), 0 0 20px rgba(0,0,0,.16);
|
box-shadow: inset 0 0 24px rgba(255,255,255,.018), 0 0 20px rgba(0,0,0,.16);
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app-card { overflow: hidden; }
|
||||||
|
|
||||||
.app-card::before {
|
.app-card::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -400,10 +401,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-card {
|
.service-card {
|
||||||
height: 102px;
|
min-height: 102px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 74px 1fr 28px;
|
grid-template-columns: 74px 1fr 28px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
gap: 0 8px;
|
||||||
padding: 14px 14px;
|
padding: 14px 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -413,9 +415,9 @@
|
||||||
|
|
||||||
.service-card h4 {
|
.service-card h4 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 20px;
|
font-size: clamp(13px, 1.2vw, 20px);
|
||||||
line-height: 1.16;
|
line-height: 1.22;
|
||||||
letter-spacing: -0.035em;
|
letter-spacing: -0.025em;
|
||||||
font-weight: 780;
|
font-weight: 780;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue