This commit is contained in:
Timothy Jaeryang Baek
2026-07-15 18:09:34 -04:00
parent 933ab1e1cd
commit 4b0122a120
20 changed files with 137 additions and 165 deletions
@@ -6,6 +6,7 @@
import XMark from '$lib/components/icons/XMark.svelte';
import Sortable from 'sortablejs';
import { getContext } from 'svelte';
import SettingsSelect from '$lib/components/common/SettingsSelect.svelte';
const i18n = getContext('i18n');
export let banners = [];
@@ -59,17 +60,13 @@
<EllipsisVertical className="size-4 cursor-move item-handle" />
<div class="flex flex-row flex-1 gap-2 items-start">
<select
class="w-fit capitalize rounded-xl text-xs border border-gray-100/50 !bg-gray-50/40 outline-hidden dark:border-white/[0.04] dark:!bg-white/[0.03] dark:text-gray-300 pl-1 pr-5"
bind:value={banner.type}
required
>
<SettingsSelect bind:value={banner.type} required selectClassName="capitalize">
<option value="" disabled hidden class="text-gray-900">{$i18n.t('Type')}</option>
<option value="info" class="text-gray-900">{$i18n.t('Info')}</option>
<option value="warning" class="text-gray-900">{$i18n.t('Warning')}</option>
<option value="error" class="text-gray-900">{$i18n.t('Error')}</option>
<option value="success" class="text-gray-900">{$i18n.t('Success')}</option>
</select>
</SettingsSelect>
<Textarea
className="mr-2 text-xs w-full border border-gray-100/50 !bg-gray-50/40 outline-hidden dark:border-white/[0.04] dark:!bg-white/[0.03] dark:text-gray-300 resize-none"