wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix: connection detail not display

Browse Source
This commit is contained in:
Dreamacro 2023-02-22 15:39:17 +08:00
parent 7b88e014f0
commit 15fb59681f
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Drawer/index.tsx
View File

@ -21,11 +21,15 @@ export function Drawer (props: DrawerProps) {
return () => { document.body.removeChild(current) } return () => { document.body.removeChild(current) }
}, []) }, [])
const cardStyle = 'absolute h-full right-0 transition-transform transform translate-x-full duration-100 pointer-events-auto' const cardStyle = 'absolute h-full right-0 transition-transform transform duration-100 pointer-events-auto'
const container = ( const container = (
<div className={classnames(props.className, 'z-9999 pointer-events-none absolute inset-0')}> <div className={classnames(props.className, 'z-9999 pointer-events-none absolute inset-0')}>
<Card className={classnames(cardStyle, props.bodyClassName, { 'translate-x-0': props.visible })} style={{ width: props.width ?? 400 }}>{props.children}</Card> <Card className={classnames(
cardStyle,
props.bodyClassName,
{ 'translate-x-0': props.visible, 'translate-x-full': !props.visible },
)} style={{ width: props.width ?? 400 }}>{props.children}</Card>
</div> </div>
) )