style: improve deployment card readability

This commit is contained in:
NuklearRabbit
2026-07-29 19:48:11 +02:00
parent c826561c77
commit e5599f7a5d
+8 -2
View File
@@ -1771,8 +1771,8 @@ html[data-theme="light"] .validator-hero {
.deploy-card-grid { .deploy-card-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(min(100%, 365px), 1fr));
gap: 12px; gap: 14px;
} }
.deploy-card { .deploy-card {
--card-accent: var(--primary-strong); --card-accent: var(--primary-strong);
@@ -1842,6 +1842,7 @@ html[data-theme="light"] .validator-hero {
font-weight: 780; font-weight: 780;
} }
.container-identity > div { .container-identity > div {
flex: 1 1 auto;
min-width: 0; min-width: 0;
} }
.container-identity span:not(.container-avatar):not(.sync-proof), .container-identity span:not(.container-avatar):not(.sync-proof),
@@ -1858,6 +1859,11 @@ html[data-theme="light"] .validator-hero {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.container-identity small {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sync-proof { .sync-proof {
margin-left: auto; margin-left: auto;
padding: 6px 8px; padding: 6px 8px;