@@ -25,7 +25,7 @@ export function ActionButtons({ onFork, onRevert, revertBusy, tokens, cost, isUs
tokens && (tokens.input > 0 || tokens.output > 0 || tokens.reasoning > 0 || tokens.cache.read > 0 || tokens.cache.write > 0)
return (
- <div className="absolute left-1/2 -translate-x-1/2 top-0 flex gap-2">
+ <div className="absolute left-1/2 -translate-x-1/2 top-0 flex gap-2 bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md p-px z-50">
{isUser && onFork && (
<IconButton
onClick={onFork}
@@ -87,5 +87,5 @@ body {
}
.modern-icon-button {
- @apply p-1.5 rounded-md text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 transition-all duration-200;
+ @apply p-1.5 rounded-md text-gray-500 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-gray-100 transition-all duration-200;