refac: styling

This commit is contained in:
Timothy J. Baek 2024-10-15 05:12:56 -07:00
parent 69d0472898
commit 0131afe667
3 changed files with 6 additions and 6 deletions

View File

@ -76,7 +76,7 @@
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->
<div class="mx-2 w-full"> <div class="mx-2 w-full">
<button <button
class="w-full py-1 px-1.5 rounded-md flex items-center gap-1 text-xs text-gray-500 dark:text-gray-500 font-medium hover:bg-gray-100 dark:hover:bg-gray-900 transition" class="w-full py-1.5 px-2 rounded-md flex items-center gap-1.5 text-xs text-gray-500 dark:text-gray-500 font-medium hover:bg-gray-100 dark:hover:bg-gray-900 transition"
> >
<div class="text-gray-300 dark:text-gray-600"> <div class="text-gray-300 dark:text-gray-600">
{#if open} {#if open}
@ -92,7 +92,7 @@
</button> </button>
</div> </div>
<div slot="content"> <div slot="content" class=" pl-2">
<slot></slot> <slot></slot>
</div> </div>
</Collapsible> </Collapsible>

View File

@ -533,7 +533,7 @@
}} }}
name={$i18n.t('Pinned')} name={$i18n.t('Pinned')}
> >
<div class="pl-2 mt-1 flex flex-col overflow-y-auto scrollbar-hidden"> <div class="pl-2 mt-0.5 flex flex-col overflow-y-auto scrollbar-hidden">
{#each $pinnedChats as chat, idx} {#each $pinnedChats as chat, idx}
<ChatItem <ChatItem
{chat} {chat}
@ -590,7 +590,7 @@
class="w-full pl-2.5 text-xs text-gray-500 dark:text-gray-500 font-medium {idx === class="w-full pl-2.5 text-xs text-gray-500 dark:text-gray-500 font-medium {idx ===
0 0
? '' ? ''
: 'pt-5'} pb-0.5" : 'pt-5'} pb-1.5"
> >
{$i18n.t(chat.time_range)} {$i18n.t(chat.time_range)}
<!-- localisation keys for time_range to be recognized from the i18next parser (so they don't get automatically removed): <!-- localisation keys for time_range to be recognized from the i18next parser (so they don't get automatically removed):

View File

@ -163,7 +163,7 @@
<div bind:this={itemElement} class=" w-full pr-2 relative group" draggable="true"> <div bind:this={itemElement} class=" w-full pr-2 relative group" draggable="true">
{#if confirmEdit} {#if confirmEdit}
<div <div
class=" w-full flex justify-between rounded-xl px-3 py-2 {chat.id === $chatId || confirmEdit class=" w-full flex justify-between rounded-xl px-2.5 py-2 {chat.id === $chatId || confirmEdit
? 'bg-gray-200 dark:bg-gray-900' ? 'bg-gray-200 dark:bg-gray-900'
: selected : selected
? 'bg-gray-100 dark:bg-gray-950' ? 'bg-gray-100 dark:bg-gray-950'
@ -177,7 +177,7 @@
</div> </div>
{:else} {:else}
<a <a
class=" w-full flex justify-between rounded-lg px-3 py-2 {chat.id === $chatId || confirmEdit class=" w-full flex justify-between rounded-lg px-2.5 py-2 {chat.id === $chatId || confirmEdit
? 'bg-gray-200 dark:bg-gray-900' ? 'bg-gray-200 dark:bg-gray-900'
: selected : selected
? 'bg-gray-100 dark:bg-gray-950' ? 'bg-gray-100 dark:bg-gray-950'