fix: align home server action buttons
This commit is contained in:
@@ -10,12 +10,37 @@
|
|||||||
<title>Comunidad Hispana - HLL Vietnam</title>
|
<title>Comunidad Hispana - HLL Vietnam</title>
|
||||||
<link rel="stylesheet" href="./assets/css/styles.css" />
|
<link rel="stylesheet" href="./assets/css/styles.css" />
|
||||||
<style>
|
<style>
|
||||||
|
.server-card--stats {
|
||||||
|
min-height: 385px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.server-card__top--stats {
|
||||||
|
min-height: 255px;
|
||||||
|
}
|
||||||
|
|
||||||
.server-card__status-column {
|
.server-card__status-column {
|
||||||
min-width: min(190px, 44%);
|
min-width: min(190px, 44%);
|
||||||
|
align-self: stretch;
|
||||||
|
align-content: start;
|
||||||
|
grid-template-rows: auto auto 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.server-card__actions {
|
.server-card__actions {
|
||||||
margin-top: clamp(32px, 5vw, 64px);
|
align-self: end;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.server-card__actions .server-action-link:first-child {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.server-card__actions .server-action-link:nth-child(2) {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.server-card__actions .server-action-link:nth-child(2)::before {
|
||||||
|
content: "Historico";
|
||||||
|
font-size: 0.76rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.server-card__quickfacts {
|
.server-card__quickfacts {
|
||||||
@@ -23,8 +48,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 680px) {
|
@media (max-width: 680px) {
|
||||||
|
.server-card--stats,
|
||||||
|
.server-card__top--stats {
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.server-card__status-column {
|
.server-card__status-column {
|
||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
|
align-self: start;
|
||||||
|
grid-template-rows: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.server-card__actions {
|
.server-card__actions {
|
||||||
|
|||||||
Reference in New Issue
Block a user