cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-25 15:12:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fixed titlebar

Browse source
This commit is contained in:
nizune 2021-08-03 19:28:22 +02:00
parent f25dae77aa
commit 85879faf7b
1 changed files with 44 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/components/native/Titlebar.tsx
View file

@ -1,4 +1,4 @@
import { Wrench } from "@styled-icons/boxicons-solid";
import { Wrench, Microphone, VolumeFull } from "@styled-icons/boxicons-solid";
import styled from "styled-components";
import Tooltip from "../common/Tooltip";
@ -11,15 +11,36 @@ const TitlebarBase = styled.div`
user-select: none;
align-items: center;
.title {
.drag {
flex-grow: 1;
-webkit-app-region: drag;
height: var(--titlebar-height);
margin-top: 10px;
height: 100%;
}
.quick {
color: var(--secondary-foreground);
> div, > div > div {
width: var(--titlebar-height) !important;
}
&.disabled {
color: var(--error);
}
&.unavailable {
background: var(--error);
}
}
.title {
-webkit-app-region: drag;
/*height: var(--titlebar-height);*/
font-size: 16px;
font-weight: 600;
margin-inline-start: 10px;
margin-top: 4px;
margin-top: 10px;
gap: 6px;
display: flex;
align-items: center;
@ -28,7 +49,7 @@ const TitlebarBase = styled.div`
color: var(--titlebar-logo-color);
svg {
margin-bottom: 4px;
margin-bottom: 10px;
}
svg:first-child {
@ -80,6 +101,23 @@ export function Titlebar() {
</svg>
{window.native.getConfig().build === "dev" && <Wrench size="12.5"/>}
</div>
{/*<div class="actions quick">
<Tooltip
content="Mute"
placement="bottom">
<div onClick={window.native.min}>
<Microphone size={15}/>
</div>
</Tooltip>
<Tooltip
content="Deafen"
placement="bottom">
<div onClick={window.native.min}>
<VolumeFull size={15}/>
</div>
</Tooltip>
</div>*/}
<div class="drag" />
<UpdateIndicator style="titlebar" />
<div class="actions">
<div onClick={window.native.min}>