This commit is contained in:
Timothy Jaeryang Baek
2024-11-15 17:36:46 -08:00
parent 147bd0717d
commit 1c16920dba
8 changed files with 80 additions and 126 deletions

View File

@@ -7,43 +7,13 @@
let query = '';
</script>
<div>
<div>
<div class=" text-sm font-semibold mb-0.5">{$i18n.t('People with access')}</div>
<div>
<div class="flex w-full py-1">
<div class="flex flex-1">
<div class=" self-center mr-3">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="w-4 h-4"
>
<path
fill-rule="evenodd"
d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
clip-rule="evenodd"
/>
</svg>
</div>
<input
class=" w-full text-sm pr-4 placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-none bg-transparent"
bind:value={query}
placeholder={$i18n.t('Add user or groups')}
/>
</div>
</div>
</div>
</div>
<div class=" rounded-lg flex flex-col gap-3">
<div class="">
<div class=" text-sm font-semibold mb-2">{$i18n.t('Visibility')}</div>
<div class=" text-sm font-semibold mb-1">{$i18n.t('Visibility')}</div>
<div class="flex gap-2.5 items-center">
<div>
<div class=" p-2 bg-gray-700 rounded-full">
<div class=" p-2 bg-gray-50 dark:bg-gray-850 rounded-full">
{#if type === 'private'}
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -90,7 +60,7 @@
<div class=" text-xs text-gray-400 font-medium">
{#if type === 'private'}
{$i18n.t('Only users with permission can access')}
{$i18n.t('Only select users and groups with permission can access')}
{:else if type === 'public'}
{$i18n.t('Accessible to all users')}
{/if}
@@ -98,4 +68,36 @@
</div>
</div>
</div>
{#if type === 'private'}
<div>
<div class=" text-sm font-semibold mb-0.5">{$i18n.t('People with access')}</div>
<div>
<div class="flex w-full py-1">
<div class="flex flex-1">
<div class=" self-center mr-3">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="w-4 h-4"
>
<path
fill-rule="evenodd"
d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
clip-rule="evenodd"
/>
</svg>
</div>
<input
class=" w-full text-sm pr-4 placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-none bg-transparent"
bind:value={query}
placeholder={$i18n.t('Add user or groups')}
/>
</div>
</div>
</div>
</div>
{/if}
</div>