owncast/web/pages/config-public-details.tsx
gingervitis 0efc09bb72 add textarea field for custom css (#113)
* add textarea field for custom css

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
2021-04-12 00:07:08 -07:00

51 lines
1.6 KiB
TypeScript

import React from 'react';
import { Typography } from 'antd';
import EditInstanceDetails from '../components/config/edit-instance-details';
import EditInstanceTags from '../components/config/edit-tags';
import EditSocialLinks from '../components/config/edit-social-links';
import EditPageContent from '../components/config/edit-page-content';
import EditCustomStyles from '../components/config/edit-custom-css';
const { Title } = Typography;
export default function PublicFacingDetails() {
return (
<div className="config-public-details-page">
<Title>General Settings</Title>
<p className="description">
The following are displayed on your site to describe your stream and its content.{' '}
<a
href="https://owncast.online/docs/website/?source=admin"
target="_blank"
rel="noopener noreferrer"
>
Learn more.
</a>
</p>
<div className="top-container">
<div className="form-module instance-details-container">
<EditInstanceDetails />
</div>
<div className="form-module social-items-container ">
<div className="form-module tags-module">
<EditInstanceTags />
</div>
<div className="form-module social-handles-container">
<EditSocialLinks />
</div>
</div>
</div>
<div className="form-module page-content-module">
<EditPageContent />
</div>
<div className="form-module page-content-module">
<EditCustomStyles />
</div>
</div>
);
}