mirror of
https://github.com/Grasscutters/Cultivation.git
synced 2025-12-13 07:34:36 +01:00
(feat:layout) Add a proper window top bar
This commit is contained in:
@@ -1,7 +1,16 @@
|
|||||||
|
import "@css/components/TopBar.scss";
|
||||||
|
|
||||||
function TopBar() {
|
function TopBar() {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div class={"TopBar"} data-tauri-drag-region>
|
||||||
|
<div class={"flex flex-row gap-1 text-white"}>
|
||||||
|
<p>Cultivation</p>
|
||||||
|
<p>2.0.0</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
6
src/ui/css/components/TopBar.scss
Normal file
6
src/ui/css/components/TopBar.scss
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
.TopBar {
|
||||||
|
@apply flex flex-row justify-between items-center w-full;
|
||||||
|
@apply bg-gray-900 pl-4 pr-4;
|
||||||
|
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user