website: update website. (#614)

Issue: The visibility of the BackToUp component was affected by the stacking order on the homepage. Solution: Reordered the placement of the BackToUp component to make it visible element on the page without adjusting z-index property, resolving the visibility issue. This change enhances the user experience by ensuring the BackToUp button is prominently displayed. This is my first open-source contribution, and I'm open to feedback. Please review, and let me know if there are any additional adjustments required. Thank you! Co-authored-by: Mohamed <[email protected]>
uiwjs · Jan 11, 2024 · bf3b862 · bf3b862
1 parent 5d7a372
commit bf3b862
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/www/src/pages/home/index.tsx b/www/src/pages/home/index.tsx
@@ -142,7 +142,6 @@ export function Component() {
   const version = VERSION;
   return (
     <div className="wmde-markdown-var">
-      <BackToUp>Top</BackToUp>
       <dark-mode permanent dark="Dark" light="Light" style={{ position: 'fixed', top: 8, left: 8, zIndex: 99 }} />
       <GitHubCorners fixed target="__blank" zIndex={10} href="https://github.com/uiwjs/react-codemirror" />
       <AppHeader>
@@ -187,6 +186,7 @@ export function Component() {
           href="https://www.npmjs.com/package/@uiw/react-codemirror"
         />
       </Footer>
+      <BackToUp>Top</BackToUp>
     </div>
   );
 }