feat: move export/sync buttons to workbench and standardize styling
- Move Export and Sync buttons from header to workbench editor panel - Position buttons in front of Toggle Terminal button - Standardize button styling with consistent: * Accent colored background and white text * Same padding (px-3 py-1.5) and font size (text-xs) * Consistent border styling and hover states - Fix font size conflicts by removing parent text-sm classes - Clean up unused imports and fix prettier formatting - Ensure dropdown items have consistent text-sm font size Resolves button styling inconsistencies and improves UX
This commit is contained in:
@@ -4,7 +4,7 @@ import { classNames } from '~/utils/classNames';
|
||||
|
||||
export const ExportChatButton = ({ exportChat }: { exportChat?: () => void }) => {
|
||||
return (
|
||||
<div className="flex border border-bolt-elements-borderColor rounded-md overflow-hidden mr-2 text-sm">
|
||||
<div className="flex border border-bolt-elements-borderColor rounded-md overflow-hidden">
|
||||
<DropdownMenu.Root>
|
||||
<DropdownMenu.Trigger className="rounded-md items-center justify-center [&:is(:disabled,.disabled)]:cursor-not-allowed [&:is(:disabled,.disabled)]:opacity-60 px-3 py-1.5 text-xs bg-accent-500 text-white hover:text-bolt-elements-item-contentAccent [&:not(:disabled,.disabled)]:hover:bg-bolt-elements-button-primary-backgroundHover outline-accent-500 flex gap-1.7">
|
||||
Export
|
||||
|
||||
Reference in New Issue
Block a user