Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitaaaa148

Browse files
committed
Highlight router model and improve descriptions
Adds a gradient highlight for the router (Omni) model tile in the models page, updates its description in both backend and UI, and refines active model border styling for better theme support. Also tweaks the chat input dropdown hover style for consistency.
1 parent5746c2c commitaaaa148

File tree

4 files changed

+28
-3
lines changed

4 files changed

+28
-3
lines changed

‎src/lib/components/chat/ChatInput.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -235,7 +235,7 @@
235235

236236
<DropdownMenu.Root>
237237
<DropdownMenu.Trigger
238-
class="btn size-7 rounded-full border bg-white text-black shadow transition-none enabled:hover:bg-white enabled:hover:shadow-inner dark:border-transparent dark:bg-gray-600/50 dark:text-white dark:hover:enabled:bg-black"
238+
class="btn size-7 rounded-full border bg-white text-black shadow transition-none enabled:hover:bg-white enabled:hover:shadow-inner dark:border-transparent dark:bg-gray-600/50 dark:text-white dark:hover:enabled:bg-gray-600"
239239
disabled={loading}
240240
aria-label="Add attachment"
241241
>

‎src/lib/server/models.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -414,6 +414,7 @@ const buildModels = async (): Promise<ProcessedModel[]> => {
414414
id:routerAliasId,
415415
name:routerAliasId,
416416
displayName:routerLabel,
417+
description:"Automatically routes your messages to the best model for your request.",
417418
logoUrl:routerLogo||undefined,
418419
preprompt:"",
419420
endpoints:[

‎src/routes/models/+page.svelte‎

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,7 @@
8181
href="{base}/models/{model.id}"
8282
aria-label="Model card"
8383
class="relative flex flex-col gap-2 overflow-hidden rounded-xl border bg-gray-50/50 px-6 py-5 shadow hover:bg-gray-50 hover:shadow-inner dark:border-gray-800/70 dark:bg-gray-950/20 dark:hover:bg-gray-950/40"
84+
class:omni-gradient={model.isRouter}
8485
class:active-model={model.id===$settings.activeModel}
8586
>
8687
<divclass="flex items-center justify-between gap-1">
@@ -139,10 +140,32 @@
139140
{model.displayName}
140141
</span>
141142
<spanclass="line-clamp-4 whitespace-pre-wrap text-sm text-gray-500 dark:text-gray-400">
142-
{model.description||"-"}
143+
{model.isRouter?"Routes your messages to the best model for your request.":model.description||"-"}
143144
</span>
144145
</a>
145146
{/each}
146147
</div>
147148
</div>
148149
</div>
150+
151+
<style>
152+
/* Subtle highlight for the router (Omni) tile*/
153+
.omni-gradient {
154+
/* layered gradients to keep readable on both themes*/
155+
background-image:
156+
radial-gradient(900px300pxat-10%-20%,rgba(59,130,246,0.16),transparent60%),
157+
radial-gradient(700px240pxat110%120%,rgba(16,185,129,0.16),transparent60%),
158+
linear-gradient(135deg,rgba(236,72,153,0.10),rgba(59,130,246,0.08));
159+
box-shadow:inset01px0rgba(255,255,255,0.06),06px18pxrgba(59,130,246,0.12),02px8pxrgba(236,72,153,0.10);
160+
}
161+
162+
:global(.dark).omni-gradient {
163+
background-image:
164+
radial-gradient(900px300pxat-10%-20%,rgba(59,130,246,0.12),transparent60%),
165+
radial-gradient(700px240pxat110%120%,rgba(16,185,129,0.12),transparent60%),
166+
linear-gradient(135deg,rgba(236,72,153,0.08),rgba(59,130,246,0.06));
167+
box-shadow:inset01px0rgba(255,255,255,0.04),010px28pxrgba(0,0,0,0.25);
168+
}
169+
170+
/* Active border handled via Tailwind utilities (see .active-model in src/styles/main.css)*/
171+
</style>

‎src/styles/main.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,8 @@
1010
}
1111

1212
.active-model {
13-
@apply border-black dark:border-white;
13+
/* Ensure active border wins over defaults/utilities in both themes */
14+
@apply !border-black dark:!border-white/60;
1415
}
1516

1617
.file-hoverable {

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp