fix: link open new tab fix & minor table styling fixes (#811)

* fix: minor fixes, new tab for anthropic link & table styling * Update table.tsx * Update table.tsx
obot-platform · Dec 7, 2024 · 8e29d4e · 8e29d4e
1 parent 4f50ef6
commit 8e29d4e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/ui/admin/app/components/model-providers/ModelProviderConfigure.tsx b/ui/admin/app/components/model-providers/ModelProviderConfigure.tsx
@@ -147,7 +147,11 @@ export function ModelProviderConfigureContent({
             {modelProvider.id === CommonModelProviderIds.ANTHROPIC && (
                 <DialogDescription className="px-4">
                     Note: Anthropic does not have an embeddings model and{" "}
-                    <Link to="https://docs.anthropic.com/en/docs/build-with-claude/embeddings">
+                    <Link
+                        target="_blank"
+                        rel="noreferrer"
+                        to="https://docs.anthropic.com/en/docs/build-with-claude/embeddings"
+                    >
                         recommends
                     </Link>{" "}
                     Voyage AI.

diff --git a/ui/admin/app/components/model-providers/ModelProviderModels.tsx b/ui/admin/app/components/model-providers/ModelProviderModels.tsx
@@ -101,11 +101,13 @@ export function ModelProvidersModels({ modelProvider }: ModelsConfigureProps) {
                 </DialogHeader>
                 <ScrollArea className="h-[50vh]">
                     {!isLoading && (
-                        <DataTable
-                            columns={getColumns()}
-                            data={models}
-                            sort={[{ id: "name", desc: false }]}
-                        />
+                        <div className="px-6">
+                            <DataTable
+                                columns={getColumns()}
+                                data={models}
+                                sort={[{ id: "name", desc: false }]}
+                            />
+                        </div>
                     )}
                 </ScrollArea>
             </DialogContent>