浏览代码

refac: styling

Timothy Jaeryang Baek 1 月之前
父节点
当前提交
0192b4b468
共有 1 个文件被更改,包括 5 次插入2 次删除
  1. 5 2
      src/lib/components/chat/ModelSelector/Selector.svelte

+ 5 - 2
src/lib/components/chat/ModelSelector/Selector.svelte

@@ -476,7 +476,7 @@
 						<div class="flex flex-col">
 						<div class="flex flex-col">
 							{#if $mobile && (item?.model?.tags ?? []).length > 0}
 							{#if $mobile && (item?.model?.tags ?? []).length > 0}
 								<div class="flex gap-0.5 self-start h-full mb-1.5 -translate-x-1">
 								<div class="flex gap-0.5 self-start h-full mb-1.5 -translate-x-1">
-									{#each item.model?.tags as tag}
+									{#each item.model?.tags.sort((a, b) => a.name.localeCompare(b.name)) as tag}
 										<div
 										<div
 											class=" text-xs font-bold px-1 rounded-sm uppercase line-clamp-1 bg-gray-500/20 text-gray-700 dark:text-gray-200"
 											class=" text-xs font-bold px-1 rounded-sm uppercase line-clamp-1 bg-gray-500/20 text-gray-700 dark:text-gray-200"
 										>
 										>
@@ -498,7 +498,10 @@
 													alt="Model"
 													alt="Model"
 													class="rounded-full size-5 flex items-center mr-2"
 													class="rounded-full size-5 flex items-center mr-2"
 												/>
 												/>
-												{item.label}
+
+												<div class="line-clamp-1">
+													{item.label}
+												</div>
 											</Tooltip>
 											</Tooltip>
 										</div>
 										</div>
 									</div>
 									</div>