Skip to content
Snippets Groups Projects
Commit 6baaccd7 authored by nizune's avatar nizune
Browse files

Added update button to titlebar

parent f1626b9c
Branches
No related merge requests found
import { X, Minus, Square } from "@styled-icons/boxicons-regular"; import { X, Minus, Square, CloudDownload } from "@styled-icons/boxicons-regular";
import { Wrench } from "@styled-icons/boxicons-solid"; import { Wrench } from "@styled-icons/boxicons-solid";
import styled from "styled-components"; import styled from "styled-components";
...@@ -7,6 +7,7 @@ export const USE_TITLEBAR = window.isNative && !window.native.getConfig().frame; ...@@ -7,6 +7,7 @@ export const USE_TITLEBAR = window.isNative && !window.native.getConfig().frame;
const TitlebarBase = styled.div` const TitlebarBase = styled.div`
height: var(--titlebar-height); height: var(--titlebar-height);
display: flex; display: flex;
gap: 6px;
user-select: none; user-select: none;
align-items: center; align-items: center;
...@@ -29,6 +30,17 @@ const TitlebarBase = styled.div` ...@@ -29,6 +30,17 @@ const TitlebarBase = styled.div`
} }
} }
.update-bar {
background: var(--success);
margin: 16px;
font-size: 12px;
border-radius: 60px;
padding: 2px 10px;
display: flex;
align-items: center;
gap: 2px;
}
.actions { .actions {
z-index: 100; z-index: 100;
display: flex; display: flex;
...@@ -72,6 +84,15 @@ export function Titlebar() { ...@@ -72,6 +84,15 @@ export function Titlebar() {
</svg> </svg>
{window.native.getConfig().build === "dev" && <Wrench />} {window.native.getConfig().build === "dev" && <Wrench />}
</div> </div>
{/*<div class="update-bar">
<CloudDownload size={16} />
New update available!
</div>*/}
<div class="actions">
<div>
<CloudDownload size={22} color={`var(--success)`} />
</div>
</div>
<div class="actions"> <div class="actions">
<div onClick={window.native.min}> <div onClick={window.native.min}>
<Minus size={20} /> <Minus size={20} />
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment