LogalDeveloper/owncast
0
Fork 0
Code Activity

separate out styles for markdowneditor; convert mainlayout style module styles to just sass; add style to stream title editor in header;

Browse Source
This commit is contained in:
gingervitis
2021-02-04 09:17:20 -08:00
parent 6e43870d41
commit 7786c7e113
10 changed files with 460 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,8 +1,13 @@
import { Result, Card } from "antd";
import { MessageTwoTone, QuestionCircleTwoTone, BookTwoTone, PlaySquareTwoTone } from '@ant-design/icons';
import OwncastLogo from "./components/logo"
import LogTable from "./components/log-table";
import Link from 'next/link';
import { Result, Card } from 'antd';
import {
MessageTwoTone,
QuestionCircleTwoTone,
BookTwoTone,
PlaySquareTwoTone,
} from '@ant-design/icons';
import OwncastLogo from './components/logo';
import LogTable from './components/log-table';
const { Meta } = Card;
@@ -10,36 +15,42 @@ export default function Offline({ logs = [] }) {
const data = [
{
icon: <BookTwoTone twoToneColor="#6f42c1" />,
title: "Use your broadcasting software",
title: 'Use your broadcasting software',
content: (
<div>
<a href="https://owncast.online/docs/broadcasting/">Learn how to point your existing software to your new server and start streaming your content.</a>
<a href="https://owncast.online/docs/broadcasting/">
Learn how to point your existing software to your new server and start streaming your
content.
</a>
</div>
)
),
},
{
icon: <MessageTwoTone twoToneColor="#0366d6" />,
title: "Chat is disabled",
content: "Chat will continue to be disabled until you begin a live stream."
title: 'Chat is disabled',
content: 'Chat will continue to be disabled until you begin a live stream.',
},
{
icon: <PlaySquareTwoTone twoToneColor="#f9826c" />,
title: "Embed your video onto other sites",
title: 'Embed your video onto other sites',
content: (
<div>
<a href="https://owncast.online/docs/embed">Learn how you can add your Owncast stream to other sites you control.</a>
<a href="https://owncast.online/docs/embed">
Learn how you can add your Owncast stream to other sites you control.
</a>
</div>
)
),
},
{
icon: <QuestionCircleTwoTone twoToneColor="#ffd33d" />,
title: "Not sure what to do next?",
title: 'Not sure what to do next?',
content: (
<div>
If you're having issues or would like to know how to customize and configure your Owncast server visit <Link href="/help">the help page.</Link>
If you&apos;re having issues or would like to know how to customize and configure your
Owncast server visit <Link href="/help">the help page.</Link>
</div>
),
}
},
];
return (
@@ -53,19 +64,12 @@ export default function Offline({ logs = [] }) {
/>
</div>
<div className="list-section">
{
data.map(item => (
<Card key={item.title}>
<Meta
avatar={item.icon}
title={item.title}
description={item.content}
/>
</Card>
))
}
{data.map(item => (
<Card key={item.title}>
<Meta avatar={item.icon} title={item.title} description={item.content} />
</Card>
))}
</div>
</div>
<LogTable logs={logs} pageSize={5} />
</>