More actions
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
font-size: 1.7rem; | font-size: 1.7rem; | ||
font-family: var(--font-family-monospace); | font-family: var(--font-family-monospace); | ||
line-height: 1.2rem; | |||
} | } | ||
| Line 11: | Line 12: | ||
font-size: 0.8rem; | font-size: 0.8rem; | ||
color: var(--color-base--subtle); | color: var(--color-base--subtle); | ||
font-variant: all-small-caps; | |||
} | } | ||
Revision as of 06:45, 31 January 2023
.home-server-address__container {
text-align: center;
}
.home-server-address {
font-size: 1.7rem;
font-family: var(--font-family-monospace);
line-height: 1.2rem;
}
.home-server-address-copy {
font-size: 0.8rem;
color: var(--color-base--subtle);
font-variant: all-small-caps;
}
.home-server-ports {
text-align: center;
font-size: small;
font-family: var(--font-family-monospace);
}
#home-serverinfo {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-server-details__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.home-server-details {
display: flex;
align-items: center;
}
.home-server-details__title {
font-size: 1.2rem;
font-weight: 600;
}
.home-serverinfo-bubble {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var( --color-surface-3 );
border-radius: 100px;
font-size: 0.8125rem;
font-weight: 500;
text-transform: uppercase;
}
.bubble--green {
background: var( --background-color-success );
}
.bubble--red {
background: var( --background-color-destructive );
}
.bubble--yellow {
background: var( --background-color-warning );
}