LogalDeveloper/owncast
0
Fork 0
Code Activity

rework stream info box in offline notice to conform more with the overall design (#196)

Browse Source 
* rework stream info field to conform with the offline page layout

* moved offline notice css to separate file

* used ant design bold text option
This commit is contained in:
Thilo Billerbeck
2021-05-28 00:58:31 +02:00
committed by GitHub
parent bbb0e2d5a1
commit 51b3fc1f76
4 changed files with 41 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/styles/offline-notice.scss Normal file
View File

@@ -0,0 +1,26 @@
.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:
'. .'
'. .';
}