support drag window on modal dialog

This commit is contained in:
pompurin404 2024-10-12 11:49:42 +08:00
parent 704109daa4
commit 484f21fac4
No known key found for this signature in database
13 changed files with 15 additions and 14 deletions

View File

@ -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>

View File

@ -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})

View File

@ -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 (

View File

@ -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">

View File

@ -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

View File

@ -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 (

View File

@ -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')
}} }}

View File

@ -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

View File

@ -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"

View File

@ -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>

View File

@ -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>

View File

@ -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"

View File

@ -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}`)
}} }}