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

7
web/styles/globals.scss
View File

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