the size of modal windows has been adjusted due to an increase in the minimum window size

This commit is contained in:
coolcoala
2025-07-26 06:53:35 +03:00
parent 87473bdf92
commit ed2ec56a44
3 changed files with 7 additions and 7 deletions

View File

@@ -562,7 +562,7 @@ export const GroupsEditorViewer = (props: Props) => {
return (
<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>
<div className="flex justify-between items-center pr-8">
<DialogTitle>{t("Edit Groups")}</DialogTitle>

View File

@@ -302,7 +302,7 @@ export const ProxiesEditorViewer = (props: Props) => {
return (
<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>
<div className="flex justify-between items-center pr-8">
<DialogTitle>{t("Edit Proxies")}</DialogTitle>

View File

@@ -513,7 +513,7 @@ export const RulesEditorViewer = (props: Props) => {
return (
<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>
<div className="flex justify-between items-center pr-8">
<DialogTitle>{t("Edit Rules")}</DialogTitle>
@@ -529,8 +529,8 @@ export const RulesEditorViewer = (props: Props) => {
<div className="flex-1 min-h-0 mt-4">
{visualization ? (
<div className="h-full flex flex-col lg:flex-row gap-4">
<div className="w-full lg:w-1/3 flex flex-col gap-4 p-1">
<div className="h-full flex flex-row gap-4">
<div className="w-1/3 flex flex-col gap-4 p-1">
<div className="space-y-2">
<Label>{t("Rule Type")}</Label>
<Combobox
@@ -617,8 +617,8 @@ export const RulesEditorViewer = (props: Props) => {
</Button>
</div>
</div>
<Separator orientation="vertical" className="hidden lg:flex" />
<div className="w-full lg:w-2/3 flex flex-col min-w-0 flex-1">
<Separator orientation="vertical" className="flex" />
<div className="w-2/3 flex flex-col min-w-0 flex-1">
<BaseSearchBox
onSearch={(matcher) => setMatch(() => matcher)}
/>