From 7f7b82675fc12c969d3c620ce0346a9c02d7f5f7 Mon Sep 17 00:00:00 2001
From: amirhouieh <amir@status.im>
Date: Tue, 30 May 2023 13:05:44 +0200
Subject: [PATCH] make the fading effect stronger

---
 .../docusaurus-playground/src/pages/index.mdx | 25 +++++++++++--------
 .../components/mdx/HeroModel/HeroModel.scss   | 11 ++++----
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/packages/docusaurus-playground/src/pages/index.mdx b/packages/docusaurus-playground/src/pages/index.mdx
index 8a56e48..0e1e87e 100644
--- a/packages/docusaurus-playground/src/pages/index.mdx
+++ b/packages/docusaurus-playground/src/pages/index.mdx
@@ -10,17 +10,20 @@ import {
   HeroModel,
 } from '../components/mdx'
 
-<Hero size="large" title="The web3 managing standard" description="Waku is a decentralized communications network">
-<HeroActions>
-  <HeroAction href="https://docs.waku.org" target="_blank">
-    Build on Waku
-  </HeroAction>
-  <HeroAction variant="filled" href="https://docs.waku.org" target="_blank">
-    Run Waku
-  </HeroAction>
-</HeroActions>
-
-  <HeroModel modelUrl="/hero/bust-hi.glb" layout="cropped" renderer="ascii"/>
+<Hero
+  size="large"
+  title="The web3 managing standard"
+  description="Waku is a decentralized communications network"
+>
+  <HeroActions>
+    <HeroAction href="https://docs.waku.org" target="_blank">
+      Build on Waku
+    </HeroAction>
+    <HeroAction variant="filled" href="https://docs.waku.org" target="_blank">
+      Run Waku
+    </HeroAction>
+  </HeroActions>
+  <HeroModel modelUrl="/hero/bust-hi.glb" layout="floating" renderer="ascii" />
 </Hero>
 
 <FeatureList
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss
index 60ec71c..84707a8 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss
@@ -23,9 +23,9 @@
     background-image: linear-gradient(
       179.61deg,
       rgba(0, 0, 0, 0) 0.34%,
-      #000000 114.92%
+      #000000 70%
     );
-    opacity: 0.3;
+    opacity: 1;
   }
 }
 
@@ -57,12 +57,13 @@
     &,
     * {
       border: none !important;
+      font-family: monospace;
     }
 
     tr {
-      text-align: center;
-      font-size: 12px;
-      letter-spacing: 1px;
+      //text-align: center;
+      //font-size: 12px;
+      //letter-spacing: 1px;
     }
   }
 }