tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

refac: better layout loading

Browse source
This commit is contained in:
Timothy J. Baek 2024-04-27 19:47:11 -04:00
parent 2feba8af94
commit e2447dd0a7
1 changed files with 116 additions and 116 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/routes/(app)/+layout.svelte
View file

@ -176,8 +176,7 @@
}); });
</script> </script>
{#if loaded} <div class=" hidden lg:flex fixed bottom-0 right-0 px-3 py-3 z-10">
<div class=" hidden lg:flex fixed bottom-0 right-0 px-3 py-3 z-10">
<Tooltip content="Help" placement="left"> <Tooltip content="Help" placement="left">
<button <button
id="show-shortcuts-button" id="show-shortcuts-button"
@ -190,11 +189,15 @@
? ?
</button> </button>
</Tooltip> </Tooltip>
</div> </div>
<ShortcutsModal bind:show={showShortcuts} /> <ShortcutsModal bind:show={showShortcuts} />
<div class="app relative"> <div class="app relative">
<div
class=" text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-900 min-h-screen overflow-auto flex flex-row"
>
{#if loaded}
{#if !['user', 'admin'].includes($user.role)} {#if !['user', 'admin'].includes($user.role)}
<div class="fixed w-full h-full flex z-50"> <div class="fixed w-full h-full flex z-50">
<div <div
@ -214,7 +217,7 @@
<div class=" mt-6 mx-auto relative group w-fit"> <div class=" mt-6 mx-auto relative group w-fit">
<button <button
class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 transition font-medium text-sm" class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 text-gray-700 transition font-medium text-sm"
on:click={async () => { on:click={async () => {
location.href = '/'; location.href = '/';
}} }}
@ -288,16 +291,13 @@
</div> </div>
{/if} {/if}
<div
class=" text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-900 min-h-screen overflow-auto flex flex-row"
>
<Sidebar /> <Sidebar />
<SettingsModal bind:show={$showSettings} /> <SettingsModal bind:show={$showSettings} />
<ChangelogModal bind:show={$showChangelog} /> <ChangelogModal bind:show={$showChangelog} />
<slot /> <slot />
{/if}
</div> </div>
</div> </div>
{/if}
<style> <style>
.loading { .loading {