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 LayoutMain from "@/pages/Layout";
|
||||||
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
|
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
|
||||||
import Aorta from "@/pages/Aorta";
|
import Aorta from "@/pages/Aorta";
|
||||||
import Dockview from "@/pages/ Dock";
|
import Dockview from "@/pages/Dock";
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -4,11 +4,15 @@ const LayoutMain = () => {
|
||||||
const platform =
|
const platform =
|
||||||
document.querySelector("html")?.getAttribute("platform") ?? "macos";
|
document.querySelector("html")?.getAttribute("platform") ?? "macos";
|
||||||
const titleBarStyles =
|
const titleBarStyles =
|
||||||
platform === "macos" ? "pl-[5rem] pr-[.5rem]" : "pr-[10rem] pl-[2rem]";
|
platform === "macos" ? "pl-[5rem] pr-[.5rem]" : "pr-[10rem] pl-[.5rem]";
|
||||||
return (
|
return (
|
||||||
<div className="h-full">
|
<div className="h-full">
|
||||||
<div className={`title-bar drag border h-[36px] flex ${titleBarStyles}`}>
|
<div className={`title-bar drag border h-[36px] flex`}>
|
||||||
<div className="flex-1 flex items-center justify-center">Cvpilot</div>
|
<div
|
||||||
|
className={`flex-1 flex items-center justify-center ${titleBarStyles}`}
|
||||||
|
>
|
||||||
|
Cvpilot
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="relative h-[calc(100%-36px)]">
|
<div className="relative h-[calc(100%-36px)]">
|
||||||
<div className="flex h-full">
|
<div className="flex h-full">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user