feat: titlebar test
This commit is contained in:
parent
f2304a8e71
commit
4b34d1f1c8
|
@ -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 (
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in New Issue
Block a user