From 3480d50f61977177c78ee3555ba94961406cd64d Mon Sep 17 00:00:00 2001
From: GyDi <segydi@foxmail.com>
Date: Mon, 17 Jan 2022 02:15:06 +0800
Subject: [PATCH] feat: adjust control ui
---
src/components/layout-control.tsx | 16 +++++++++-------
1 file changed, 9 insertions(+), 7 deletions(-)
diff --git a/src/components/layout-control.tsx b/src/components/layout-control.tsx
index 7756906..0bba354 100644
--- a/src/components/layout-control.tsx
+++ b/src/components/layout-control.tsx
@@ -2,35 +2,37 @@ import { Button } from "@mui/material";
import { appWindow } from "@tauri-apps/api/window";
import {
CloseRounded,
- CropLandscapeOutlined,
+ CropSquareRounded,
HorizontalRuleRounded,
} from "@mui/icons-material";
const LayoutControl = () => {
+ const minWidth = 40;
+
return (
<>
<Button
size="small"
- sx={{ minWidth: 48 }}
+ sx={{ minWidth, svg: { transform: "scale(0.9)" } }}
onClick={() => appWindow.minimize()}
>
- <HorizontalRuleRounded />
+ <HorizontalRuleRounded fontSize="small" />
</Button>
<Button
size="small"
- sx={{ minWidth: 48 }}
+ sx={{ minWidth, svg: { transform: "scale(0.9)" } }}
onClick={() => appWindow.toggleMaximize()}
>
- <CropLandscapeOutlined />
+ <CropSquareRounded fontSize="small" />
</Button>
<Button
size="small"
- sx={{ minWidth: 48 }}
+ sx={{ minWidth, svg: { transform: "scale(1.05)" } }}
onClick={() => appWindow.hide()}
>
- <CloseRounded />
+ <CloseRounded fontSize="small" />
</Button>
</>
);
--
GitLab