From 6e6f14db8986f5de6491b51117de0e1b0438b341 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Thu, 29 Oct 2020 00:53:52 +0100
Subject: ui: Adapt home components to Reactstrap

---
 .../opendc-web-ui/src/components/home/ScreenshotSection.js  | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

(limited to 'opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js')

diff --git a/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js b/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js
index 263590d5..33aab17f 100644
--- a/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js
+++ b/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js
@@ -1,4 +1,3 @@
-import classNames from 'classnames'
 import React from 'react'
 import { Row, Col } from 'reactstrap'
 import ContentSection from './ContentSection'
@@ -7,20 +6,12 @@ import './ScreenshotSection.sass'
 const ScreenshotSection = ({ name, title, imageUrl, caption, imageIsRight, children }) => (
     <ContentSection name={name} title={title}>
         <Row>
-            <Col
-                xl="5"
-                lg="5"
-                md="5"
-                sm="!2"
-                className={classNames('text-left my-auto', {
-                    'order-1': !imageIsRight,
-                })}
-            >
+            <Col xl="5" lg="5" md="5" sm="12" className={`text-left ${!imageIsRight ? 'order-1' : ''}`}>
                 {children}
             </Col>
             <Col xl="7" lg="7" md="7" sm="12">
                 <img src={imageUrl} className="col-12 screenshot" alt={caption} />
-                <Row className="text-muted justify-content-center">{caption}</Row>
+                <div className="row text-muted justify-content-center">{caption}</div>
             </Col>
         </Row>
     </ContentSection>
-- 
cgit v1.2.3