Dominic Elm commited on
Commit
5fa2ee5
·
1 Parent(s): 2c1f32c

fix: buttons after switching to tailwind-compat reset

Browse files
packages/bolt/app/components/chat/BaseChat.tsx CHANGED
@@ -106,7 +106,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
106
  disabled={input.length === 0 || enhancingPrompt}
107
  className={classNames({
108
  'opacity-100!': enhancingPrompt,
109
- 'text-accent! pr-1.5': promptEnhanced,
110
  })}
111
  onClick={() => enhancePrompt?.()}
112
  >
 
106
  disabled={input.length === 0 || enhancingPrompt}
107
  className={classNames({
108
  'opacity-100!': enhancingPrompt,
109
+ 'text-accent! pr-1.5 enabled:hover:bg-accent/12!': promptEnhanced,
110
  })}
111
  onClick={() => enhancePrompt?.()}
112
  >
packages/bolt/app/components/ui/IconButton.tsx CHANGED
@@ -38,7 +38,7 @@ export const IconButton = memo(
38
  return (
39
  <button
40
  className={classNames(
41
- 'flex items-center text-gray-600 enabled:hover:text-gray-900 rounded-md p-1 enabled:hover:bg-gray-200/80 disabled:cursor-not-allowed',
42
  {
43
  [classNames('opacity-30', disabledClassName)]: disabled,
44
  },
 
38
  return (
39
  <button
40
  className={classNames(
41
+ 'flex items-center text-gray-600 bg-transparent enabled:hover:text-gray-900 rounded-md p-1 enabled:hover:bg-gray-200/80 disabled:cursor-not-allowed',
42
  {
43
  [classNames('opacity-30', disabledClassName)]: disabled,
44
  },