From 2e9dbd1313ba404d0df064e104da97e1accd3f4b Mon Sep 17 00:00:00 2001
From: youxiurui <3286869302@qq.com>
Date: Mon, 4 Sep 2023 21:26:04 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E8=A7=86=E5=9B=BE=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/home/header/layout.tsx | 6 ++++--
 src/pages/home/header/menu.css   | 5 +++++
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/home/header/menu.css

diff --git a/src/pages/home/header/layout.tsx b/src/pages/home/header/layout.tsx
index a7e2e4c..0dfe644 100644
--- a/src/pages/home/header/layout.tsx
+++ b/src/pages/home/header/layout.tsx
@@ -12,6 +12,8 @@ import { Switch, Match, For } from "solid-js"
 import { Dynamic } from "solid-js/web"
 import { useT } from "~/hooks"
 import { getMainColor, LayoutType, layout, setLayout } from "~/store"
+// 将视图布局按钮悬浮在视口10px
+import "./menu.css"
 
 const layouts = {
   list: FaSolidListUl,
@@ -22,7 +24,7 @@ const layouts = {
 export const Layout = () => {
   const t = useT()
   return (
-    <>
+    <div class="menu">
       <Menu>
         <MenuTrigger
           as={IconButton}
@@ -63,6 +65,6 @@ export const Layout = () => {
           </For>
         </MenuContent>
       </Menu>
-    </>
+    </div>
   )
 }
diff --git a/src/pages/home/header/menu.css b/src/pages/home/header/menu.css
new file mode 100644
index 0000000..059d899
--- /dev/null
+++ b/src/pages/home/header/menu.css
@@ -0,0 +1,5 @@
+.menu {
+  position: fixed;
+  right: 10px;
+  top: 150px;
+}