style(website): make demo image responsive

orhun · Aug 22, 2024 · 1db085a · 1db085a
1 parent 203019d
commit 1db085a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
@@ -5,10 +5,11 @@ import Default from '@astrojs/starlight/components/Hero.astro';
 import demoImage from '../../src/assets/binsider-general-tab.png';
 ---
 
-<div class="demo-image">
+<div class="container">
   <img
     src={demoImage.src}
     alt="demo"
+    class="demo-image"
   />
 </div>
 
@@ -24,3 +25,8 @@ It allows you to easily inspect strings, examine linked libraries, and perform a
 
 <Default {...Astro.props}><slot /></Default>
 
+<style>
+  .container {
+    text-align: center;
+  }
+</style>
diff --git a/website/src/styles/custom.css b/website/src/styles/custom.css
@@ -61,8 +61,6 @@ a.site-title {
   margin: 0;
   max-width: 100%;
   height: auto;
-  text-align: center;
-  filter: invert(0);
 }
 
 [data-theme="light"] .demo-image {