Improve Layout

dust-tt · Jan 4, 2025 · 301980a · 301980a
1 parent 5135edb
commit 301980a
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/front/components/poke/plugins/PluginList.tsx b/front/components/poke/plugins/PluginList.tsx
@@ -1,4 +1,4 @@
-import { Tooltip } from "@dust-tt/sparkle";
+import { ScrollArea, Tooltip } from "@dust-tt/sparkle";
 import type { PluginWorkspaceResource } from "@dust-tt/types";
 import React, { useState } from "react";
 
@@ -62,7 +62,12 @@ export function PluginList({
       <div className="flex justify-between gap-3 rounded-t-lg bg-slate-300 p-4">
         <h2 className="text-md font-bold">Plugins :</h2>
       </div>
-      <div className="flex w-full flex-row items-start gap-3 p-4">
+
+      <div
+        className="grid w-full gap-3 p-4"
+        // 11rem is the fixed width of the card.
+        style={{ gridTemplateColumns: "repeat(auto-fill, minmax(11rem, 1fr))" }}
+      >
         {plugins.map((plugin) => (
           <Tooltip
             key={plugin.id}