From cd1eadebc14d0bff8de1946dc7e9d0bcb532bfc6 Mon Sep 17 00:00:00 2001
From: gingervitis <omqmail@gmail.com>
Date: Thu, 3 Dec 2020 22:55:04 -0800
Subject: [PATCH] fix for #408
---
web/pages/index.tsx | 3 +--
web/pages/offline-notice.tsx | 50 ++++++++++++++++++------------------
2 files changed, 26 insertions(+), 27 deletions(-)
diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 769945e31..932543c3e 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -180,9 +180,8 @@ export default function Home() {
</Card>
</div>
</div>
+ </div>
</div>
- </div>
-
<LogTable logs={logsData} pageSize={5} />
</div>
);
diff --git a/web/pages/offline-notice.tsx b/web/pages/offline-notice.tsx
index 575744a9f..4c715db01 100644
--- a/web/pages/offline-notice.tsx
+++ b/web/pages/offline-notice.tsx
@@ -1,10 +1,8 @@
-import { Result, Card, Typography } from "antd";
+import { Result, Card } from "antd";
import { MessageTwoTone, BulbTwoTone, BookTwoTone, PlaySquareTwoTone } from '@ant-design/icons';
import OwncastLogo from "./components/logo"
import LogTable from "./components/log-table";
-
-const { Title } = Typography;
const { Meta } = Card;
export default function Offline({ logs = [] }) {
@@ -47,29 +45,31 @@ export default function Offline({ logs = [] }) {
];
return (
- <div className="offline-content">
- <div className="logo-section">
- <Result
- icon={<OwncastLogo />}
- title="No stream is active."
- subTitle="You should start one."
- />
- </div>
- <div className="list-section">
- {
- data.map(item => (
- <Card key={item.title}>
- <Meta
- avatar={item.icon}
- title={item.title}
- description={item.content}
- />
- </Card>
- ))
- }
- </div>
+ <>
+ <div className="offline-content">
+ <div className="logo-section">
+ <Result
+ icon={<OwncastLogo />}
+ title="No stream is active."
+ subTitle="You should start one."
+ />
+ </div>
+ <div className="list-section">
+ {
+ 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} />
- </div>
+ </>
);
}