From 4b34d1f1c8d40e06e74a8b508ca32556b327587a Mon Sep 17 00:00:00 2001
From: mozzie <himozzie@foxmail.com>
Date: Mon, 5 Aug 2024 17:01:07 +0800
Subject: [PATCH] feat: titlebar test

---
 src/App.tsx                               |  2 +-
 src/pages/{ Dock => Dock}/index.tsx       |  0
 src/pages/{ Dock => Dock}/theme.reset.css |  0
 src/pages/Layout.tsx                      | 10 +++++++---
 4 files changed, 8 insertions(+), 4 deletions(-)
 rename src/pages/{ Dock => Dock}/index.tsx (100%)
 rename src/pages/{ Dock => Dock}/theme.reset.css (100%)

diff --git a/src/App.tsx b/src/App.tsx
index 165f2ea..beb525f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,7 +2,7 @@ import { ThemeProvider } from "@/components/theme-provider";
 import LayoutMain from "@/pages/Layout";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import Aorta from "@/pages/Aorta";
-import Dockview from "@/pages/ Dock";
+import Dockview from "@/pages/Dock";
 
 function App() {
   return (
diff --git a/src/pages/ Dock/index.tsx b/src/pages/Dock/index.tsx
similarity index 100%
rename from src/pages/ Dock/index.tsx
rename to src/pages/Dock/index.tsx
diff --git a/src/pages/ Dock/theme.reset.css b/src/pages/Dock/theme.reset.css
similarity index 100%
rename from src/pages/ Dock/theme.reset.css
rename to src/pages/Dock/theme.reset.css
diff --git a/src/pages/Layout.tsx b/src/pages/Layout.tsx
index ba8bb1e..298dd82 100644
--- a/src/pages/Layout.tsx
+++ b/src/pages/Layout.tsx
@@ -4,11 +4,15 @@ const LayoutMain = () => {
   const platform =
     document.querySelector("html")?.getAttribute("platform") ?? "macos";
   const titleBarStyles =
-    platform === "macos" ? "pl-[5rem] pr-[.5rem]" : "pr-[10rem] pl-[2rem]";
+    platform === "macos" ? "pl-[5rem] pr-[.5rem]" : "pr-[10rem] pl-[.5rem]";
   return (
     <div className="h-full">
-      <div className={`title-bar drag border h-[36px] flex ${titleBarStyles}`}>
-        <div className="flex-1 flex items-center justify-center">Cvpilot</div>
+      <div className={`title-bar drag border h-[36px] flex`}>
+        <div
+          className={`flex-1 flex items-center justify-center ${titleBarStyles}`}
+        >
+          Cvpilot
+        </div>
       </div>
       <div className="relative h-[calc(100%-36px)]">
         <div className="flex h-full">