[front] - fix: change button variant from 'ghost' to 'outline' (#8219)

- Altered the style of buttons in assistant_builder and vault categories to use the 'outline' variant for better visual clarity [sparkle] - fix: update cancel button variant in Dialog component - Adjusted the cancel button styling to 'outline' to maintain consistency with design changes across components Co-authored-by: Jules <[email protected]>
dust-tt · Oct 24, 2024 · ed56419 · ed56419
1 parent 4276b64
commit ed56419
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/front/components/assistant_builder/ActionsScreen.tsx b/front/components/assistant_builder/ActionsScreen.tsx
@@ -606,7 +606,7 @@ function ActionCard({
           <div className="w-full truncate">{spec.label}</div>
           <IconButton
             icon={XMarkIcon}
-            variant="ghost"
+            variant="outline"
             size="sm"
             onClick={(e) => {
               deleteAction();

diff --git a/front/components/vaults/VaultCategoriesList.tsx b/front/components/vaults/VaultCategoriesList.tsx
@@ -177,7 +177,7 @@ export const VaultCategoriesList = ({
                 label="Space settings"
                 icon={Cog6ToothIcon}
                 onClick={onButtonClick}
-                variant="ghost"
+                variant="outline"
               />
             )}
             <DropdownMenu>

diff --git a/sparkle/src/components/Dialog.tsx b/sparkle/src/components/Dialog.tsx
@@ -95,7 +95,7 @@ export function Dialog({
                         {props.onCancel && (
                           <Button
                             label={props.cancelLabel ?? "Cancel"}
-                            variant="ghost"
+                            variant="outline"
                             onClick={props.onCancel}
                           />
                         )}