style: improve deployment card readability
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user