added basic responsiveness

This commit is contained in:
Thilo Billerbeck 2020-12-31 15:14:25 +01:00
parent 5a345e1d52
commit 470d987551

View File

@ -117,12 +117,12 @@ export default function Help(props: Props) {
<div> <div>
<Title style={{textAlign: 'center'}}>How can we help you?</Title> <Title style={{textAlign: 'center'}}>How can we help you?</Title>
<Row gutter={[16, 16]} justify="space-around" align="middle"> <Row gutter={[16, 16]} justify="space-around" align="middle">
<Col span={12} style={{textAlign: 'center'}}> <Col xs={24} lg={12} style={{textAlign: 'center'}}>
<Result status="500" /> <Result status="500" />
<Title level={2}>Troubleshooting</Title> <Title level={2}>Troubleshooting</Title>
<Button target="_blank" rel="noopener noreferrer" href="https://owncast.online/docs/troubleshooting/" icon={<LinkOutlined/>} type="primary">Read Troubleshoting</Button> <Button target="_blank" rel="noopener noreferrer" href="https://owncast.online/docs/troubleshooting/" icon={<LinkOutlined/>} type="primary">Read Troubleshoting</Button>
</Col> </Col>
<Col span={12} style={{textAlign: 'center'}}> <Col xs={24} lg={12} style={{textAlign: 'center'}}>
<Result status="404" /> <Result status="404" />
<Title level={2}>Documentation</Title> <Title level={2}>Documentation</Title>
<Button target="_blank" rel="noopener noreferrer" href="https://owncast.online/" icon={<LinkOutlined/>} type="primary">Read the Docs</Button> <Button target="_blank" rel="noopener noreferrer" href="https://owncast.online/" icon={<LinkOutlined/>} type="primary">Read the Docs</Button>
@ -133,7 +133,7 @@ export default function Help(props: Props) {
<Row gutter={[16, 16]}> <Row gutter={[16, 16]}>
{ {
questions.map(question => ( questions.map(question => (
<Col span={12}> <Col xs={24} lg={12}>
<Card key={question.title}> <Card key={question.title}>
<Meta <Meta
avatar={question.icon} avatar={question.icon}
@ -150,7 +150,7 @@ export default function Help(props: Props) {
<Row gutter={[16, 16]}> <Row gutter={[16, 16]}>
{ {
otherResources.map(question => ( otherResources.map(question => (
<Col span={12}> <Col xs={24} lg={12}>
<Card key={question.title}> <Card key={question.title}>
<Meta <Meta
avatar={question.icon} avatar={question.icon}