LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Remove collapse and shrink text a bit since it can be too big on longer urls

Browse Source
This commit is contained in:
Gabe Kangas 2021-04-19 18:24:04 -07:00
parent bf819c3804
commit 3989f7d49f
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/pages/offline-notice.tsx
View File

@ -1,5 +1,5 @@
import Link from 'next/link';
import { Result, Card, Row, Col, Input, Collapse, Typography } from 'antd';
import { Card, Row, Col, Input, Collapse, Typography } from 'antd';
import {
MessageTwoTone,
QuestionCircleTwoTone,
@ -43,11 +43,9 @@ export default function Offline({ logs = [], config }) {
Learn how to point your existing software to your new server and start streaming your
content.
</a>
<Collapse>
<Panel header="Your connection details" key="1">
<Row align="middle">
<Col flex="none">
<Text strong>Streaming URL:</Text>
<Text>Streaming URL:</Text>
</Col>
<Col flex="auto">
<Paragraph className="stream-info-box" copyable>
@ -58,7 +56,7 @@ export default function Offline({ logs = [], config }) {
<Row align="middle">
<Col flex="none">
<Text strong>Stream Key:</Text>
<Text>Stream Key:</Text>
</Col>
<Col flex="auto">
<Paragraph className="stream-info-box" copyable={{ text: streamKey }}>
@ -66,8 +64,6 @@ export default function Offline({ logs = [], config }) {
</Paragraph>
</Col>
</Row>
</Panel>
</Collapse>
</div>
),
},

7
web/styles/globals.scss
View File

@ -95,8 +95,15 @@ strong {
}
.stream-info-box {
font-size: 0.8em;
background-color: var(--purple-dark);
padding: 0.25rem 0.5rem;
margin-left: 0.5rem;
color: var(--white);
margin-bottom: 0px !important;
.ant-typography-copy {
font-size: 0.92em;
}
}