chore: tailwind v4 migration

This commit is contained in:
Timothy Jaeryang Baek
2025-02-15 19:27:25 -08:00
parent 30182d77cc
commit e3fa48b6ce
132 changed files with 1056 additions and 1034 deletions
+5 -5
View File
@@ -234,7 +234,7 @@
<div class="w-full">
<select
class="w-full bg-transparent border border-gray-50 dark:border-gray-850 rounded-lg py-1 px-2 -mx-0.5 text-sm outline-none"
class="w-full bg-transparent border border-gray-50 dark:border-gray-850 rounded-lg py-1 px-2 -mx-0.5 text-sm outline-hidden"
bind:value={selectedModelId}
>
{#each $models as model}
@@ -256,7 +256,7 @@
grow={true}
>
<div class="flex gap-2 justify-between items-center">
<div class=" flex-shrink-0 font-medium ml-1.5">
<div class=" shrink-0 font-medium ml-1.5">
{$i18n.t('System Instructions')}
</div>
@@ -266,7 +266,7 @@
</div>
{/if}
<div class="flex-shrink-0">
<div class="shrink-0">
<button class="p-1.5 bg-transparent hover:bg-white/5 transition rounded-lg">
{#if showSystem}
<ChevronUp className="size-3.5" />
@@ -281,7 +281,7 @@
<div class="pt-1 px-1.5">
<textarea
bind:this={systemTextareaElement}
class="w-full h-full bg-transparent resize-none outline-none text-sm"
class="w-full h-full bg-transparent resize-none outline-hidden text-sm"
bind:value={system}
placeholder={$i18n.t("You're a helpful assistant.")}
on:input={() => {
@@ -327,7 +327,7 @@
<!-- $i18n.t('an assistant') -->
<textarea
bind:value={message}
class=" w-full h-full bg-transparent resize-none outline-none text-sm"
class=" w-full h-full bg-transparent resize-none outline-hidden text-sm"
placeholder={$i18n.t(`Enter {{role}} message here`, {
role: role === 'user' ? $i18n.t('a user') : $i18n.t('an assistant')
})}
@@ -31,7 +31,7 @@
<textarea
id="{message.role}-{idx}-textarea"
bind:this={textAreaElement}
class="w-full bg-transparent outline-none rounded-lg p-2 text-sm resize-none overflow-hidden"
class="w-full bg-transparent outline-hidden rounded-lg p-2 text-sm resize-none overflow-hidden"
placeholder={$i18n.t(`Enter {{role}} message here`, {
role: message.role === 'user' ? $i18n.t('a user') : $i18n.t('an assistant')
})}
@@ -152,7 +152,7 @@
<textarea
id="text-completion-textarea"
bind:this={textCompletionAreaElement}
class="w-full h-full p-3 bg-transparent border border-gray-50 dark:border-gray-850 outline-none resize-none rounded-lg text-sm"
class="w-full h-full p-3 bg-transparent border border-gray-50 dark:border-gray-850 outline-hidden resize-none rounded-lg text-sm"
bind:value={text}
placeholder={$i18n.t("You're a helpful assistant.")}
/>
+2 -2
View File
@@ -28,10 +28,10 @@
{/if}
<div class=" w-full flex flex-col gap-2 {loading ? 'opacity-20' : ''}">
<div class="flex-shrink-0 w-full flex justify-between items-center">
<div class="shrink-0 w-full flex justify-between items-center">
<div class="w-full">
<input
class="w-full text-2xl font-medium bg-transparent outline-none"
class="w-full text-2xl font-medium bg-transparent outline-hidden"
type="text"
bind:value={name}
placeholder={$i18n.t('Title')}