Canvas: Edit/Deploy mode
Change-Id: I51e5b6c2a1f06009433b0d0824ffcf3dfe39d34e
diff --git a/apps/canvas/front/src/components/node-gateway-https.tsx b/apps/canvas/front/src/components/node-gateway-https.tsx
index e3f2c42..07eb3c1 100644
--- a/apps/canvas/front/src/components/node-gateway-https.tsx
+++ b/apps/canvas/front/src/components/node-gateway-https.tsx
@@ -390,8 +390,10 @@
name="enabled"
render={({ field }) => (
<FormItem>
- <Checkbox id="authEnabled" onCheckedChange={field.onChange} checked={field.value} />
- <Label htmlFor="authEnabled">Enabled</Label>
+ <div className="flex flex-row gap-1 items-center">
+ <Checkbox id="authEnabled" onCheckedChange={field.onChange} checked={field.value} />
+ <Label htmlFor="authEnabled">Enabled</Label>
+ </div>
<FormMessage />
</FormItem>
)}
@@ -403,11 +405,11 @@
Authorized Groups
<ul>
{(data.auth.groups || []).map((p) => (
- <li key={p}>
+ <li key={p} className="flex flex-row gap-1 items-center">
<Button size={"icon"} variant={"ghost"} onClick={() => removeGroup(p)}>
<XIcon />
- </Button>{" "}
- {p}
+ </Button>
+ <div>{p}</div>
</li>
))}
</ul>
@@ -431,11 +433,11 @@
Auth optional path patterns
<ul>
{(data.auth.noAuthPathPatterns || []).map((p) => (
- <li key={p}>
+ <li key={p} className="flex flex-row gap-1 items-center">
<Button size={"icon"} variant={"ghost"} onClick={() => removeNoAuthPathPattern(p)}>
<XIcon />
- </Button>{" "}
- {p}
+ </Button>
+ <div>{p}</div>
</li>
))}
</ul>