refactor: refactor RLS modal

undb-io · Aug 28, 2023 · 314a1e0 · 314a1e0
1 parent 1b72276
commit 314a1e0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/apps/frontend/src/lib/authz/rls/RLSModal.svelte b/apps/frontend/src/lib/authz/rls/RLSModal.svelte
@@ -3,8 +3,16 @@
 	import { Modal } from 'flowbite-svelte'
 	import RLS from './RLS.svelte'
 	import { t } from '$lib/i18n'
+	import * as Dialog from '$components/ui/dialog'
 </script>
 
-<Modal bind:open={$rlsModal.open} class="w-full" title={$t('rls', { ns: 'authz' })} placement="top-center" size="xl">
-	<RLS />
-</Modal>
+<Dialog.Root bind:open={$rlsModal.open}>
+	<Dialog.Content class="!w-4/5 max-w-none max-h-[98%] overflow-y-auto">
+		<Dialog.Header>
+			<Dialog.Title>
+				{$t('rls', { ns: 'authz' })}
+			</Dialog.Title>
+		</Dialog.Header>
+		<RLS />
+	</Dialog.Content>
+</Dialog.Root>
diff --git a/apps/frontend/src/lib/authz/rls/RLSTab.svelte b/apps/frontend/src/lib/authz/rls/RLSTab.svelte
@@ -8,9 +8,13 @@
 	export let action: IRLSAction
 
 	$: rlss = $currentRLSS.filter((rls) => rls.policy.action === action)
+	$: count = rlss.length
 </script>
 
 <div class="space-y-2">
+	{#if !count}
+		<div class="h-6"></div>
+	{/if}
 	<RlsList {rlss} />
 	{#if $hasPermission('rls:create')}
 		<RlsCreate {action} {rlss} />