mozzie/hamster-desktop
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: titlebar test

Browse Source
This commit is contained in:
mozzie 2024-08-05 17:01:07 +08:00
parent f2304a8e71
commit 4b34d1f1c8
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@ -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 (

0
src/pages/ Dock/index.tsx → src/pages/Dock/index.tsx
View File

0
src/pages/ Dock/theme.reset.css → src/pages/Dock/theme.reset.css
View File

10
src/pages/Layout.tsx
View File

@ -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">