Skip to content

Commit f9fedd4

Browse files
authored
fix: ModelSelectorLogo styles for dark mode (#39)
* fix: ModelSelectorLogo styles for dark mode and correct typo in Tool component documentation * fix(docs): update ModelSelectorLogo styles for dark mode
1 parent d62d775 commit f9fedd4

File tree

4 files changed

+5
-5
lines changed

4 files changed

+5
-5
lines changed

apps/www/content/3.components/1.chatbot/model-selector.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -206,7 +206,7 @@ const props = defineProps<Props>()
206206
<img
207207
v-bind="$attrs"
208208
:alt="`${props.provider} logo`"
209-
:class="cn('size-3', props.class)"
209+
:class="cn('size-3 dark:invert', props.class)"
210210
height="12"
211211
:src="`https://models.dev/logos/${props.provider}.svg`"
212212
width="12"
@@ -230,7 +230,7 @@ const props = defineProps<Props>()
230230
<div
231231
:class="
232232
cn(
233-
'-space-x-1 flex shrink-0 items-center [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 [&>img]:ring-border',
233+
'-space-x-1 flex shrink-0 items-center [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground',
234234
props.class,
235235
)
236236
"

apps/www/content/3.components/1.chatbot/tool.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: A collapsible component for displaying tool invocation details in A
44
icon: lucide:tool-case
55
---
66

7-
The `Tool` component isplays a collapsible interface for showing/hiding tool details. It is designed to take the `ToolUIPart` type from the AI SDK and display it in a collapsible interface.
7+
The `Tool` component displays a collapsible interface for showing/hiding tool details. It is designed to take the `ToolUIPart` type from the AI SDK and display it in a collapsible interface.
88

99
:::ComponentLoader{label="Preview" componentName="Tool"}
1010
:::

packages/elements/src/model-selector/ModelSelectorLogo.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ const props = defineProps<Props>()
1414
<img
1515
v-bind="$attrs"
1616
:alt="`${props.provider} logo`"
17-
:class="cn('size-3', props.class)"
17+
:class="cn('size-3 dark:invert', props.class)"
1818
height="12"
1919
:src="`https://models.dev/logos/${props.provider}.svg`"
2020
width="12"

packages/elements/src/model-selector/ModelSelectorLogoGroup.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const props = defineProps<Props>()
1313
<div
1414
:class="
1515
cn(
16-
'-space-x-1 flex shrink-0 items-center [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 [&>img]:ring-border',
16+
'-space-x-1 flex shrink-0 items-center [&>img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground',
1717
props.class,
1818
)
1919
"

0 commit comments

Comments
 (0)