Finn/talk-pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(style): compact reliability row at 1024

Browse Source
This commit is contained in:
SeekingGamer
2026-05-18 16:03:09 +08:00
parent 7f7b44415e
commit 0220aa5ff8
1 changed files with 57 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/styles/trust.css
View File

@@ -162,7 +162,7 @@
height: 100%; height: 100%;
} }
@media (max-width: 1199px) { @media (max-width: 1023px) {
.trust-card__copy { .trust-card__copy {
align-items: center; align-items: center;
text-align: center; text-align: center;
@@ -215,7 +215,7 @@
} }
} }
@media (min-width: 768px) and (max-width: 1199px) { @media (min-width: 768px) and (max-width: 1023px) {
.trust__grid > .trust-card:nth-child(1), .trust__grid > .trust-card:nth-child(1),
.trust__grid > .trust-card:nth-child(5) { .trust__grid > .trust-card:nth-child(5) {
position: relative; position: relative;
@@ -238,10 +238,47 @@
.trust { .trust {
padding-top: 60px; padding-top: 60px;
padding-bottom: 60px; padding-bottom: 60px;
padding-left: 36px; padding-left: 28px;
padding-right: 36px; padding-right: 28px;
} }
.trust__grid {
display: flex;
gap: 14px;
}
.trust-card {
flex: 1;
padding: 16px 8px;
}
.trust-card__icon-frame {
width: 112px;
height: 112px;
}
.trust-card__copy {
align-items: center;
text-align: center;
}
.trust-card__title {
font-size: 15px;
line-height: 20px;
letter-spacing: var(--ls-15);
text-align: center;
}
.trust-card__description {
font-size: 14px;
line-height: 1.45;
letter-spacing: var(--ls-14);
text-align: center;
}
.trust__divider {
display: block;
}
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
@@ -256,16 +293,28 @@
} }
.trust__grid { .trust__grid {
display: flex;
gap: 24px; gap: 24px;
} }
.trust-card { .trust-card {
flex: 1; padding: 24px;
} }
.trust__divider { .trust-card__icon-frame {
display: block; width: 128px;
height: 128px;
}
.trust-card__title {
font-size: 16px;
line-height: 22px;
letter-spacing: var(--ls-16);
}
.trust-card__description {
font-size: 15px;
line-height: 1.5;
letter-spacing: var(--ls-15);
} }
} }