From bf3b862923d0cb04ccf4bb9da0791bdc7fd6d29b Mon Sep 17 00:00:00 2001
From: mo saleh <70476337+mosaleh52@users.noreply.github.com>
Date: Thu, 11 Jan 2024 16:48:00 +0200
Subject: [PATCH] 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 <mosaleh@mail.com>
---
 www/src/pages/home/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/src/pages/home/index.tsx b/www/src/pages/home/index.tsx
index 3124c70fd..cbf0bda99 100644
--- 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>
   );
 }