refac: app styling

This commit is contained in:
Timothy Jaeryang Baek 2025-01-19 11:48:05 -08:00
parent 6b7fe4f81a
commit db8b3d29da

View File

@ -5,7 +5,7 @@
let selected = ''; let selected = '';
</script> </script>
<div class="min-w-[4.5rem] bg-gray-50 dark:bg-gray-950 flex gap-2.5 flex-col pt-9"> <div class="min-w-[4.5rem] bg-gray-50 dark:bg-gray-950 flex gap-2.5 flex-col pt-8">
<div class="flex justify-center relative"> <div class="flex justify-center relative">
{#if selected === 'home'} {#if selected === 'home'}
<div class="absolute top-0 left-0 flex h-full"> <div class="absolute top-0 left-0 flex h-full">
@ -18,11 +18,15 @@
class=" cursor-pointer {selected === 'home' ? 'rounded-2xl' : 'rounded-full'}" class=" cursor-pointer {selected === 'home' ? 'rounded-2xl' : 'rounded-full'}"
on:click={() => { on:click={() => {
selected = 'home'; selected = 'home';
if (window.electronAPI) {
window.electronAPI.load('home');
}
}} }}
> >
<img <img
src="/static/splash.png" src="/static/splash.png"
class="size-11 dark:invert p-1" class="size-11 dark:invert p-0.5"
alt="logo" alt="logo"
draggable="false" draggable="false"
/> />
@ -30,7 +34,7 @@
</Tooltip> </Tooltip>
</div> </div>
<div class=" border-[1.5px] border-gray-100 dark:border-gray-900 mx-4"></div> <div class=" -mt-1 border-[1.5px] border-gray-100 dark:border-gray-900 mx-4"></div>
<div class="flex justify-center relative group"> <div class="flex justify-center relative group">
{#if selected === ''} {#if selected === ''}