the size of modal windows has been adjusted due to an increase in the minimum window size
This commit is contained in:
@@ -562,7 +562,7 @@ export const GroupsEditorViewer = (props: Props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={open} onOpenChange={onClose}>
|
<Dialog open={open} onOpenChange={onClose}>
|
||||||
<DialogContent className="lg:min-w-5xl h-[90vh] flex flex-col">
|
<DialogContent className="min-w-5xl h-[90vh] flex flex-col">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<div className="flex justify-between items-center pr-8">
|
<div className="flex justify-between items-center pr-8">
|
||||||
<DialogTitle>{t("Edit Groups")}</DialogTitle>
|
<DialogTitle>{t("Edit Groups")}</DialogTitle>
|
||||||
|
|||||||
@@ -302,7 +302,7 @@ export const ProxiesEditorViewer = (props: Props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={open} onOpenChange={onClose}>
|
<Dialog open={open} onOpenChange={onClose}>
|
||||||
<DialogContent className="lg:max-w-4xl h-[80vh] flex flex-col">
|
<DialogContent className="min-w-4xl h-[90vh] flex flex-col">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<div className="flex justify-between items-center pr-8">
|
<div className="flex justify-between items-center pr-8">
|
||||||
<DialogTitle>{t("Edit Proxies")}</DialogTitle>
|
<DialogTitle>{t("Edit Proxies")}</DialogTitle>
|
||||||
|
|||||||
@@ -513,7 +513,7 @@ export const RulesEditorViewer = (props: Props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog open={open} onOpenChange={onClose}>
|
<Dialog open={open} onOpenChange={onClose}>
|
||||||
<DialogContent className="w-[95vw] lg:min-w-5xl h-[80vh] flex flex-col">
|
<DialogContent className="min-w-4xl h-[90vh] flex flex-col">
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<div className="flex justify-between items-center pr-8">
|
<div className="flex justify-between items-center pr-8">
|
||||||
<DialogTitle>{t("Edit Rules")}</DialogTitle>
|
<DialogTitle>{t("Edit Rules")}</DialogTitle>
|
||||||
@@ -529,8 +529,8 @@ export const RulesEditorViewer = (props: Props) => {
|
|||||||
|
|
||||||
<div className="flex-1 min-h-0 mt-4">
|
<div className="flex-1 min-h-0 mt-4">
|
||||||
{visualization ? (
|
{visualization ? (
|
||||||
<div className="h-full flex flex-col lg:flex-row gap-4">
|
<div className="h-full flex flex-row gap-4">
|
||||||
<div className="w-full lg:w-1/3 flex flex-col gap-4 p-1">
|
<div className="w-1/3 flex flex-col gap-4 p-1">
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
<Label>{t("Rule Type")}</Label>
|
<Label>{t("Rule Type")}</Label>
|
||||||
<Combobox
|
<Combobox
|
||||||
@@ -617,8 +617,8 @@ export const RulesEditorViewer = (props: Props) => {
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Separator orientation="vertical" className="hidden lg:flex" />
|
<Separator orientation="vertical" className="flex" />
|
||||||
<div className="w-full lg:w-2/3 flex flex-col min-w-0 flex-1">
|
<div className="w-2/3 flex flex-col min-w-0 flex-1">
|
||||||
<BaseSearchBox
|
<BaseSearchBox
|
||||||
onSearch={(matcher) => setMatch(() => matcher)}
|
onSearch={(matcher) => setMatch(() => matcher)}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user