purgatory/clash-verge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adjust control ui

Browse Source
This commit is contained in:
GyDi 2022-01-17 02:15:06 +08:00
parent 43af55252d
commit 3480d50f61
No known key found for this signature in database
GPG Key ID: 1C95E0D3467B3084
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/layout-control.tsx
View File

@ -2,35 +2,37 @@ import { Button } from "@mui/material";
import { appWindow } from "@tauri-apps/api/window"; import { appWindow } from "@tauri-apps/api/window";
import { import {
CloseRounded, CloseRounded,
CropLandscapeOutlined, CropSquareRounded,
HorizontalRuleRounded, HorizontalRuleRounded,
} from "@mui/icons-material"; } from "@mui/icons-material";
const LayoutControl = () => { const LayoutControl = () => {
const minWidth = 40;
return ( return (
<> <>
<Button <Button
size="small" size="small"
sx={{ minWidth: 48 }} sx={{ minWidth, svg: { transform: "scale(0.9)" } }}
onClick={() => appWindow.minimize()} onClick={() => appWindow.minimize()}
> >
<HorizontalRuleRounded /> <HorizontalRuleRounded fontSize="small" />
</Button> </Button>
<Button <Button
size="small" size="small"
sx={{ minWidth: 48 }} sx={{ minWidth, svg: { transform: "scale(0.9)" } }}
onClick={() => appWindow.toggleMaximize()} onClick={() => appWindow.toggleMaximize()}
> >
<CropLandscapeOutlined /> <CropSquareRounded fontSize="small" />
</Button> </Button>
<Button <Button
size="small" size="small"
sx={{ minWidth: 48 }} sx={{ minWidth, svg: { transform: "scale(1.05)" } }}
onClick={() => appWindow.hide()} onClick={() => appWindow.hide()}
> >
<CloseRounded /> <CloseRounded fontSize="small" />
</Button> </Button>
</> </>
); );