schiwagoa/tianji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: improve admin style in status page

Browse Source
This commit is contained in:
moonrailgun 2024-09-16 16:41:39 +08:00
parent 42f41cdbcb
commit ed2141af22
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/client/components/monitor/StatusPage/index.tsx
View File

@ -21,16 +21,18 @@ import {
SheetHeader, SheetHeader,
SheetTrigger, SheetTrigger,
} from '@/components/ui/sheet'; } from '@/components/ui/sheet';
import { cn } from '@/utils/style';
interface MonitorStatusPageProps { interface MonitorStatusPageProps {
slug: string; slug: string;
showBackBtn?: boolean; showBackBtn?: boolean;
fullWidth?: boolean;
} }
export const MonitorStatusPage: React.FC<MonitorStatusPageProps> = React.memo( export const MonitorStatusPage: React.FC<MonitorStatusPageProps> = React.memo(
(props) => { (props) => {
const { t } = useTranslation(); const { t } = useTranslation();
const { slug, showBackBtn = true } = props; const { slug, showBackBtn = true, fullWidth } = props;
const { data: info } = trpc.monitor.getPageInfo.useQuery({ const { data: info } = trpc.monitor.getPageInfo.useQuery({
slug, slug,
@ -120,8 +122,9 @@ export const MonitorStatusPage: React.FC<MonitorStatusPageProps> = React.memo(
</Helmet> </Helmet>
<div <div
className={clsx( className={cn(
'mx-auto w-full overflow-auto px-4 py-8 md:w-4/5 xl:w-3/5' 'mx-auto overflow-auto px-4 py-8',
fullWidth ? 'w-full' : 'w-full md:w-4/5 xl:w-3/5'
)} )}
> >
<div className="flex"> <div className="flex">

2
src/client/routes/page/$slug.tsx
View File

@ -86,7 +86,7 @@ function PageComponent() {
/> />
} }
> >
<MonitorStatusPage slug={slug} showBackBtn={false} /> <MonitorStatusPage slug={slug} showBackBtn={false} fullWidth={true} />
</CommonWrapper> </CommonWrapper>
); );
} }