refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-11-18 04:04:32 -05:00
parent 34684e7e58
commit 63ebc295ce

View file

@ -232,22 +232,42 @@
{/if} {/if}
</div> </div>
<div <div class="flex-1 mt-1 lg:mt-1 lg:h-[30rem] lg:max-h-[30rem] flex flex-col">
class="flex-1 mt-1 lg:mt-1 lg:h-[30rem] lg:max-h-[30rem] overflow-y-auto scrollbar-hidden" <div class="w-full h-full overflow-y-auto scrollbar-hidden">
> {#if selectedTab == 'general'}
{#if selectedTab == 'general'} <Display
<Display bind:name
bind:name bind:description
bind:description {edit}
{edit} onDelete={() => {
onDelete={() => { showDeleteConfirmDialog = true;
showDeleteConfirmDialog = true; }}
}} />
/> {:else if selectedTab == 'permissions'}
{:else if selectedTab == 'permissions'} <Permissions bind:permissions {defaultPermissions} />
<Permissions bind:permissions {defaultPermissions} /> {:else if selectedTab == 'users'}
{:else if selectedTab == 'users'} <Users bind:userCount groupId={group?.id} />
<Users bind:userCount groupId={group?.id} /> {/if}
</div>
{#if ['general', 'permissions'].includes(selectedTab)}
<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
<button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
? ' cursor-not-allowed'
: ''}"
type="submit"
disabled={loading}
>
{$i18n.t('Save')}
{#if loading}
<div class="ml-2 self-center">
<Spinner />
</div>
{/if}
</button>
</div>
{/if} {/if}
</div> </div>
</div> </div>
@ -300,26 +320,6 @@
</button> </button>
{/if} {/if}
</div> --> </div> -->
{#if ['general', 'permissions'].includes(selectedTab)}
<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
<button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
? ' cursor-not-allowed'
: ''}"
type="submit"
disabled={loading}
>
{$i18n.t('Save')}
{#if loading}
<div class="ml-2 self-center">
<Spinner />
</div>
{/if}
</button>
</div>
{/if}
</form> </form>
</div> </div>
</div> </div>