owncast/web/styles/offline-notice.scss
Thilo Billerbeck 51b3fc1f76 rework stream info box in offline notice to conform more with the overall design (#196)
* rework stream info field to conform with the offline page layout

* moved offline notice css to separate file

* used ant design bold text option
2021-05-27 15:58:31 -07:00

26 lines
487 B
SCSS

.stream-info-box {
background-color: var(--purple-dark);
color: var(--white);
padding: 0.25rem 0.5rem;
.ant-typography-copy {
margin-left: 0.25rem;
}
margin: 0 !important;
}
.stream-info-label {
align-self: center;
text-align: right;
margin: 0;
}
.stream-info-container {
margin: 8px 0 4px 0;
display: grid;
grid-template-columns: max-content 1fr;
grid-template-rows: min-content min-content;
gap: 8px 8px;
grid-template-areas:
'. .'
'. .';
}