Merge pull request #34 from HotSushi/docsite

Improve mobile UI minimally
linkedin · Feb 28, 2024 · 4e4a7d0 · 4e4a7d0
2 parents 0bc09b6 + f2fc63d
commit 4e4a7d0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -3,7 +3,7 @@ import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
-import DocusaurusImageUrl from '@site/static/ui/openhouse_logo.png';
+import OpenHouseImageUrl from '@site/static/ui/openhouse_logo.png';
 
 import Heading from '@theme/Heading';
 import styles from './index.module.css';
@@ -26,7 +26,7 @@ function HomepageHeader() {
             </Link>
           </div>
           <div class="col col--4 col--offset-2">
-            <img src={DocusaurusImageUrl} />
+            <img className={styles.heroBannerImage} src={OpenHouseImageUrl} />
           </div>
         </div>
       </div>

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -16,6 +16,11 @@
 @media screen and (max-width: 996px) {
   .heroBanner {
     padding: 2rem;
+    text-align: center;
+  }
+
+  .heroBannerImage {
+    padding: 3rem;
   }
 }