Emil_Shanaty/open-webui-ai4me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refac: styling

Browse Source
This commit is contained in:
Timothy J. Baek
2024-11-06 21:13:37 -08:00
parent 6dc429504a
commit d961e8943e
4 changed files with 44 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(app)/admin/+layout.svelte
+12 -17
View File
@@ -30,9 +30,9 @@
? 'md:max-w-[calc(100%-260px)]'
: ''}"
>
<div class=" px-3.5 py-2">
<div class=" px-3.5 pt-1.5">
<div class=" flex items-center gap-1">
<div class="{$showSidebar ? 'md:hidden' : ''} mr-1 flex flex-none items-center">
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
<button
id="sidebar-toggle-button"
class="cursor-pointer p-1.5 flex rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition"
@@ -46,36 +46,31 @@
</div>
</button>
</div>
<!-- <div class="flex items-center text-xl font-semibold">{$i18n.t('Admin Panel')}</div> -->
<div class=" flex w-full">
<div
class="flex scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent/10 p-1"
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent p-1"
>
<a
class="min-w-fit rounded-full p-1.5 px-3 {['/admin', '/admin/'].includes(
class="min-w-fit rounded-full p-1.5 {['/admin', '/admin/'].includes(
$page.url.pathname
)
? 'bg-gray-50 dark:bg-gray-850'
: ''} transition"
? ''
: 'text-gray-300 dark:text-gray-600'} transition"
href="/admin">{$i18n.t('Dashboard')}</a
>
<a
class="min-w-fit rounded-full p-1.5 px-3 {$page.url.pathname.includes(
'/admin/evaluations'
)
? 'bg-gray-50 dark:bg-gray-850'
: ''} transition"
class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/admin/evaluations')
? ''
: 'text-gray-300 dark:text-gray-600'} transition"
href="/admin/evaluations">{$i18n.t('Evaluations')}</a
>
<a
class="min-w-fit rounded-full p-1.5 px-3 {$page.url.pathname.includes(
'/admin/settings'
)
? 'bg-gray-50 dark:bg-gray-850'
: ''} transition"
class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/admin/settings')
? ''
: 'text-gray-300 dark:text-gray-600'} transition"
href="/admin/settings">{$i18n.t('Settings')}</a
>
</div>