refac: styling

This commit is contained in:
Timothy Jaeryang Baek
2025-09-15 14:08:07 -05:00
parent 879778361d
commit adaa467f75
8 changed files with 34 additions and 33 deletions
@@ -327,8 +327,8 @@ Based on the user's instruction, update and enhance the existing notes or select
});
</script>
<div class="flex items-center mb-1.5 pt-1.5 pl-1.5 pr-2.5">
<div class=" -translate-x-1.5 flex items-center">
<div class="flex items-center mb-1.5 pt-1.5 px-2.5">
<div class="flex items-center mr-1">
<button
class="p-0.5 bg-transparent transition rounded-lg"
on:click={() => {
@@ -358,7 +358,7 @@ Based on the user's instruction, update and enhance the existing notes or select
</div>
</div>
<div class="flex flex-col items-center flex-1 @container">
<div class="flex flex-col items-center flex-1 @container px-2.5">
<div class=" flex flex-col justify-between w-full overflow-y-auto h-full">
<div class="mx-auto w-full md:px-0 h-full relative">
<div class=" flex flex-col h-full">
@@ -375,7 +375,7 @@ Based on the user's instruction, update and enhance the existing notes or select
</div>
</div>
<div class=" pb-[1rem] pl-1.5 pr-2.5">
<div class=" pb-[1rem]">
{#if selectedContent}
<div class="text-xs rounded-xl px-3.5 py-3 w-full markdown-prose-xs">
<blockquote>
@@ -17,8 +17,8 @@
};
</script>
<div class="flex items-center mb-1.5 pt-1.5 pl-1.5 pr-2.5">
<div class=" -translate-x-1.5 flex items-center">
<div class="flex items-center mb-1.5 pt-1.5 px-2.5">
<div class=" mr-1 flex items-center">
<button
class="p-0.5 bg-transparent transition rounded-lg"
on:click={() => {
@@ -36,7 +36,7 @@
</div>
</div>
<div class="mt-1 pl-1.5 pr-2.5">
<div class="mt-1 px-2.5">
<div class="pb-10">
{#if files.length > 0}
<div class=" text-xs font-medium pb-1">{$i18n.t('Files')}</div>
+5 -4
View File
@@ -78,11 +78,12 @@
{/if}
{:else if show}
<PaneResizer
class="relative flex w-2 items-center justify-center bg-background group bg-white dark:shadow-lg dark:bg-gray-850 border-l border-gray-50 dark:border-gray-850"
class="relative flex items-center justify-center group border-l border-gray-50 dark:border-gray-850 hover:border-gray-200 dark:hover:border-gray-800 transition z-20"
id="controls-resizer"
>
<div class="z-10 flex h-7 w-5 items-center justify-center rounded-xs">
<EllipsisVertical className="size-4 invisible group-hover:visible" />
</div>
<div
class=" absolute -left-1.5 -right-1.5 -top-0 -bottom-0 z-20 cursor-col-resize bg-transparent"
/>
</PaneResizer>
<Pane