Spaces:

T1ckbase
/

bolt.diy

Runtime error

Dominic Elm commited on Jul 11, 2024

Commit

5fa2ee5

1 Parent(s): 2c1f32c

fix: buttons after switching to tailwind-compat reset

Files changed (2) hide show

packages/bolt/app/components/chat/BaseChat.tsx CHANGED Viewed

@@ -106,7 +106,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
                     disabled={input.length === 0 || enhancingPrompt}
                     className={classNames({
                       'opacity-100!': enhancingPrompt,
-                      'text-accent! pr-1.5': promptEnhanced,
                     })}
                     onClick={() => enhancePrompt?.()}
                   >

                     disabled={input.length === 0 || enhancingPrompt}
                     className={classNames({
                       'opacity-100!': enhancingPrompt,
+                      'text-accent! pr-1.5 enabled:hover:bg-accent/12!': promptEnhanced,
                     })}
                     onClick={() => enhancePrompt?.()}
                   >

packages/bolt/app/components/ui/IconButton.tsx CHANGED Viewed

@@ -38,7 +38,7 @@ export const IconButton = memo(
     return (
       <button
         className={classNames(
-          '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',
           {
             [classNames('opacity-30', disabledClassName)]: disabled,
           },

     return (
       <button
         className={classNames(
+          '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',
           {
             [classNames('opacity-30', disabledClassName)]: disabled,
           },