YuuMJ1997/mihomo-party
1
0
Fork 0
mirror of https://gh.catmak.name/https://github.com/mihomo-party-org/mihomo-party synced 2025-12-28 05:30:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

adjust style

Browse Source
This commit is contained in:
pompurin404 2024-08-27 10:34:13 +08:00
parent 4942227257
commit 4bf66046ee
No known key found for this signature in database
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/renderer/src/App.tsx
View File

@ -106,7 +106,7 @@ const App: React.FC = () => {
return ( return (
<div className="w-full h-[100vh] flex"> <div className="w-full h-[100vh] flex">
<div className="side w-[250px] h-full overflow-y-auto no-scrollbar"> <div className="side w-[250px] h-full overflow-y-auto no-scrollbar">
<div className="sticky top-0 z-40 backdrop-blur bg-background/40 h-[48px]"> <div className="sticky top-0 z-40 backdrop-blur bg-background/40 h-[49px]">
<div className="flex justify-between p-2"> <div className="flex justify-between p-2">
<h3 className="text-lg font-bold leading-[32px]">Mihomo Party</h3> <h3 className="text-lg font-bold leading-[32px]">Mihomo Party</h3>
<UpdaterButton /> <UpdaterButton />
@ -121,6 +121,7 @@ const App: React.FC = () => {
startContent={<IoSettings className="text-[20px]" />} startContent={<IoSettings className="text-[20px]" />}
/> />
</div> </div>
{/* <Divider /> */}
</div> </div>
<div className="mt-2 mx-2"> <div className="mt-2 mx-2">
<OutboundModeSwitcher /> <OutboundModeSwitcher />

3
src/renderer/src/components/sider/outbound-mode-switcher.tsx
View File

@ -24,6 +24,9 @@ const OutboundModeSwitcher: React.FC = () => {
fullWidth fullWidth
color="primary" color="primary"
selectedKey={mode} selectedKey={mode}
classNames={{
tabList: 'bg-content1 shadow-medium'
}}
onSelectionChange={(key: Key) => onChangeMode(key as OutboundMode)} onSelectionChange={(key: Key) => onChangeMode(key as OutboundMode)}
> >
<Tab className={`${mode === 'rule' ? 'font-bold' : ''}`} key="rule" title="规则" /> <Tab className={`${mode === 'rule' ? 'font-bold' : ''}`} key="rule" title="规则" />