fix: adjust style

This commit is contained in:
GyDi
2022-11-23 17:42:01 +08:00
parent db028665fd
commit ffa21fbfd2
6 changed files with 36 additions and 8 deletions

View File

@@ -1,9 +1,10 @@
import { mutate } from "swr";
import { useState } from "react";
import { useLockFn } from "ahooks";
import { Menu, MenuItem } from "@mui/material";
import { IconButton, Menu, MenuItem } from "@mui/material";
import { Settings } from "@mui/icons-material";
import { changeClashCore } from "@/services/cmds";
import { closeAllConnections } from "@/services/api";
import { useVerge } from "@/hooks/use-verge";
import { Notice } from "@/components/base";
@@ -24,6 +25,7 @@ export const CoreSwitch = () => {
if (core === clash_core) return;
try {
closeAllConnections();
await changeClashCore(core);
mutateVerge();
setTimeout(() => {
@@ -39,15 +41,20 @@ export const CoreSwitch = () => {
return (
<>
<Settings
fontSize="small"
style={{ cursor: "pointer", opacity: 0.75 }}
<IconButton
color="inherit"
size="small"
onClick={(event) => {
const { clientX, clientY } = event;
setPosition({ top: clientY, left: clientX });
setAnchorEl(event.currentTarget);
}}
/>
>
<Settings
fontSize="inherit"
style={{ cursor: "pointer", opacity: 0.75 }}
/>
</IconButton>
<Menu
open={!!anchorEl}

View File

@@ -19,7 +19,7 @@ export const SettingItem: React.FC<ItemProps> = (props) => {
label
) : (
<Box sx={{ display: "flex", alignItems: "center" }}>
<span style={{ marginRight: 4 }}>{label}</span>
<span>{label}</span>
{extra}
</Box>
);

View File

@@ -167,7 +167,7 @@ const SettingVerge = ({ onError }: Props) => {
</SettingItem>
<SettingItem label={t("Verge Version")}>
<Typography sx={{ py: "7px" }}>v{version}</Typography>
<Typography sx={{ py: "7px", pr: 1 }}>v{version}</Typography>
</SettingItem>
</SettingList>
);