mirror of
https://gh.catmak.name/https://github.com/mihomo-party-org/mihomo-party
synced 2025-12-27 05:00:30 +08:00
support drag window on modal dialog
This commit is contained in:
parent
704109daa4
commit
484f21fac4
@ -21,7 +21,7 @@ const BasePasswordModal: React.FC<Props> = (props) => {
|
|||||||
return (
|
return (
|
||||||
<Modal backdrop="blur" classNames={{ backdrop: 'top-[48px]' }} hideCloseButton isOpen={true}>
|
<Modal backdrop="blur" classNames={{ backdrop: 'top-[48px]' }} hideCloseButton isOpen={true}>
|
||||||
<ModalContent>
|
<ModalContent>
|
||||||
<ModalHeader className="flex">请输入root密码</ModalHeader>
|
<ModalHeader className="flex app-drag">请输入root密码</ModalHeader>
|
||||||
<ModalBody>
|
<ModalBody>
|
||||||
<Input fullWidth type="password" value={password} onValueChange={setPassword} />
|
<Input fullWidth type="password" value={password} onValueChange={setPassword} />
|
||||||
</ModalBody>
|
</ModalBody>
|
||||||
|
|||||||
@ -21,7 +21,7 @@ const ConnectionDetailModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent className="flag-emoji break-all">
|
<ModalContent className="flag-emoji break-all">
|
||||||
<ModalHeader className="flex">连接详情</ModalHeader>
|
<ModalHeader className="flex app-drag">连接详情</ModalHeader>
|
||||||
<ModalBody>
|
<ModalBody>
|
||||||
<SettingItem title="连接类型">
|
<SettingItem title="连接类型">
|
||||||
{connection.metadata.type}({connection.metadata.network})
|
{connection.metadata.type}({connection.metadata.network})
|
||||||
|
|||||||
@ -33,7 +33,7 @@ const InterfaceModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent>
|
<ModalContent>
|
||||||
<ModalHeader className="flex">网络信息</ModalHeader>
|
<ModalHeader className="flex app-drag">网络信息</ModalHeader>
|
||||||
<ModalBody>
|
<ModalBody>
|
||||||
{Object.entries(info).map(([key, value]) => {
|
{Object.entries(info).map(([key, value]) => {
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -30,7 +30,7 @@ const EditFileModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent className="h-full w-[calc(100%-100px)]">
|
<ModalContent className="h-full w-[calc(100%-100px)]">
|
||||||
<ModalHeader className="flex pb-0">
|
<ModalHeader className="flex pb-0 app-drag">
|
||||||
编辑覆写{language === 'javascript' ? '脚本' : '配置'}
|
编辑覆写{language === 'javascript' ? '脚本' : '配置'}
|
||||||
</ModalHeader>
|
</ModalHeader>
|
||||||
<ModalBody className="h-full">
|
<ModalBody className="h-full">
|
||||||
|
|||||||
@ -36,7 +36,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent>
|
<ModalContent>
|
||||||
<ModalHeader className="flex">编辑信息</ModalHeader>
|
<ModalHeader className="flex app-drag">编辑信息</ModalHeader>
|
||||||
<ModalBody>
|
<ModalBody>
|
||||||
<SettingItem title="名称">
|
<SettingItem title="名称">
|
||||||
<Input
|
<Input
|
||||||
|
|||||||
@ -35,7 +35,7 @@ const ExecLogModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent>
|
<ModalContent>
|
||||||
<ModalHeader className="flex">执行日志</ModalHeader>
|
<ModalHeader className="flex app-drag">执行日志</ModalHeader>
|
||||||
<ModalBody>
|
<ModalBody>
|
||||||
{logs.map((log) => {
|
{logs.map((log) => {
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -31,7 +31,7 @@ const EditFileModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent className="h-full w-[calc(100%-100px)]">
|
<ModalContent className="h-full w-[calc(100%-100px)]">
|
||||||
<ModalHeader className="flex pb-0">
|
<ModalHeader className="flex pb-0 app-drag">
|
||||||
<div className="flex justify-start">
|
<div className="flex justify-start">
|
||||||
<div className="flex items-center">编辑订阅</div>
|
<div className="flex items-center">编辑订阅</div>
|
||||||
<small className="ml-2 text-default-500">
|
<small className="ml-2 text-default-500">
|
||||||
@ -40,6 +40,7 @@ const EditFileModal: React.FC<Props> = (props) => {
|
|||||||
size="sm"
|
size="sm"
|
||||||
color="primary"
|
color="primary"
|
||||||
variant="light"
|
variant="light"
|
||||||
|
className="app-nodrag"
|
||||||
onPress={() => {
|
onPress={() => {
|
||||||
navigate('/override')
|
navigate('/override')
|
||||||
}}
|
}}
|
||||||
|
|||||||
@ -56,7 +56,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent>
|
<ModalContent>
|
||||||
<ModalHeader className="flex">编辑信息</ModalHeader>
|
<ModalHeader className="flex app-drag">编辑信息</ModalHeader>
|
||||||
<ModalBody>
|
<ModalBody>
|
||||||
<SettingItem title="名称">
|
<SettingItem title="名称">
|
||||||
<Input
|
<Input
|
||||||
|
|||||||
@ -30,7 +30,7 @@ const CSSEditorModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent className="h-full w-[calc(100%-100px)]">
|
<ModalContent className="h-full w-[calc(100%-100px)]">
|
||||||
<ModalHeader className="flex pb-0">编辑主题</ModalHeader>
|
<ModalHeader className="flex pb-0 app-drag">编辑主题</ModalHeader>
|
||||||
<ModalBody className="h-full">
|
<ModalBody className="h-full">
|
||||||
<BaseEditor
|
<BaseEditor
|
||||||
language="css"
|
language="css"
|
||||||
|
|||||||
@ -21,7 +21,7 @@ const WebdavRestoreModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent>
|
<ModalContent>
|
||||||
<ModalHeader className="flex">恢复备份</ModalHeader>
|
<ModalHeader className="flex app-drag">恢复备份</ModalHeader>
|
||||||
<ModalBody>
|
<ModalBody>
|
||||||
{filenames.length === 0 ? (
|
{filenames.length === 0 ? (
|
||||||
<div className="flex justify-center">还没有备份</div>
|
<div className="flex justify-center">还没有备份</div>
|
||||||
|
|||||||
@ -28,7 +28,7 @@ const ConfigViewer: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent className="h-full w-[calc(100%-100px)]">
|
<ModalContent className="h-full w-[calc(100%-100px)]">
|
||||||
<ModalHeader className="flex pb-0">当前运行时配置</ModalHeader>
|
<ModalHeader className="flex pb-0 app-drag">当前运行时配置</ModalHeader>
|
||||||
<ModalBody className="h-full">
|
<ModalBody className="h-full">
|
||||||
<BaseEditor language="yaml" value={currData} readOnly={true} />
|
<BaseEditor language="yaml" value={currData} readOnly={true} />
|
||||||
</ModalBody>
|
</ModalBody>
|
||||||
|
|||||||
@ -21,7 +21,7 @@ const PacEditorModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent className="h-full w-[calc(100%-100px)]">
|
<ModalContent className="h-full w-[calc(100%-100px)]">
|
||||||
<ModalHeader className="flex pb-0">编辑PAC脚本</ModalHeader>
|
<ModalHeader className="flex pb-0 app-drag">编辑PAC脚本</ModalHeader>
|
||||||
<ModalBody className="h-full">
|
<ModalBody className="h-full">
|
||||||
<BaseEditor
|
<BaseEditor
|
||||||
language="javascript"
|
language="javascript"
|
||||||
|
|||||||
@ -37,12 +37,12 @@ const UpdaterModal: React.FC<Props> = (props) => {
|
|||||||
scrollBehavior="inside"
|
scrollBehavior="inside"
|
||||||
>
|
>
|
||||||
<ModalContent className="h-full w-[calc(100%-100px)]">
|
<ModalContent className="h-full w-[calc(100%-100px)]">
|
||||||
<ModalHeader className="flex justify-between">
|
<ModalHeader className="flex justify-between app-drag">
|
||||||
<div>v{version} 版本就绪</div>
|
<div>v{version} 版本就绪</div>
|
||||||
<Button
|
<Button
|
||||||
color="primary"
|
color="primary"
|
||||||
size="sm"
|
size="sm"
|
||||||
className="flex"
|
className="flex app-nodrag"
|
||||||
onPress={() => {
|
onPress={() => {
|
||||||
open(`https://github.com/mihomo-party-org/mihomo-party/releases/tag/v${version}`)
|
open(`https://github.com/mihomo-party-org/mihomo-party/releases/tag/v${version}`)
|
||||||
}}
|
}}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user