adjust style

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

View File

@ -106,7 +106,7 @@ const App: React.FC = () => {
return (
<div className="w-full h-[100vh] flex">
<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">
<h3 className="text-lg font-bold leading-[32px]">Mihomo Party</h3>
<UpdaterButton />
@ -121,6 +121,7 @@ const App: React.FC = () => {
startContent={<IoSettings className="text-[20px]" />}
/>
</div>
{/* <Divider /> */}
</div>
<div className="mt-2 mx-2">
<OutboundModeSwitcher />

View File

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