codacus commited on
Commit
d92029d
·
1 Parent(s): 5335580

fix: Added some minor UI fix

Browse files
app/components/sidebar/HistoryItem.tsx CHANGED
@@ -56,8 +56,8 @@ export function HistoryItem({ item, onDelete, onDuplicate, exportChat }: History
56
  {currentDescription}
57
  <div
58
  className={classNames(
59
- 'absolute right-0 z-1 top-0 bottom-0 bg-gradient-to-l from-bolt-elements-background-depth-2 group-hover:from-bolt-elements-background-depth-3 box-content pl-3 to-transparent w-10 flex justify-end group-hover:w-15 group-hover:from-99%',
60
- { 'from-bolt-elements-background-depth-3 w-15 from-99%': isActiveChat },
61
  )}
62
  >
63
  <div className="flex items-center p-1 text-bolt-elements-textSecondary opacity-0 group-hover:opacity-100 transition-opacity">
 
56
  {currentDescription}
57
  <div
58
  className={classNames(
59
+ 'absolute right-0 z-1 top-0 bottom-0 bg-gradient-to-l from-bolt-elements-background-depth-2 group-hover:from-bolt-elements-background-depth-3 box-content pl-3 to-transparent w-10 flex justify-end group-hover:w-22 group-hover:from-99%',
60
+ { 'from-bolt-elements-background-depth-3 w-22 from-99%': isActiveChat },
61
  )}
62
  >
63
  <div className="flex items-center p-1 text-bolt-elements-textSecondary opacity-0 group-hover:opacity-100 transition-opacity">
app/lib/persistence/ChatDescription.client.tsx CHANGED
@@ -34,7 +34,7 @@ export function ChatDescription() {
34
  />
35
  <TooltipProvider>
36
  <WithTooltip tooltip="Save title">
37
- <div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-background-depth-3">
38
  <button
39
  type="submit"
40
  className="i-ph:check-bold scale-110 hover:text-bolt-elements-item-contentAccent"
@@ -49,7 +49,7 @@ export function ChatDescription() {
49
  {currentDescription}
50
  <TooltipProvider>
51
  <WithTooltip tooltip="Rename chat">
52
- <div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-background-depth-3 ml-2">
53
  <button
54
  type="button"
55
  className="i-ph:pencil-fill scale-110 hover:text-bolt-elements-item-contentAccent"
 
34
  />
35
  <TooltipProvider>
36
  <WithTooltip tooltip="Save title">
37
+ <div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-item-backgroundAccent">
38
  <button
39
  type="submit"
40
  className="i-ph:check-bold scale-110 hover:text-bolt-elements-item-contentAccent"
 
49
  {currentDescription}
50
  <TooltipProvider>
51
  <WithTooltip tooltip="Rename chat">
52
+ <div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-item-backgroundAccent ml-2">
53
  <button
54
  type="button"
55
  className="i-ph:pencil-fill scale-110 hover:text-bolt-elements-item-contentAccent"