fix: Added some minor UI fix

This commit is contained in:
Anirban Kar 2024-12-04 00:02:51 +05:30
parent 5335580646
commit d92029d573
2 changed files with 4 additions and 4 deletions

View File

@ -56,8 +56,8 @@ export function HistoryItem({ item, onDelete, onDuplicate, exportChat }: History
{currentDescription} {currentDescription}
<div <div
className={classNames( className={classNames(
'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%', '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%',
{ 'from-bolt-elements-background-depth-3 w-15 from-99%': isActiveChat }, { 'from-bolt-elements-background-depth-3 w-22 from-99%': isActiveChat },
)} )}
> >
<div className="flex items-center p-1 text-bolt-elements-textSecondary opacity-0 group-hover:opacity-100 transition-opacity"> <div className="flex items-center p-1 text-bolt-elements-textSecondary opacity-0 group-hover:opacity-100 transition-opacity">

View File

@ -34,7 +34,7 @@ export function ChatDescription() {
/> />
<TooltipProvider> <TooltipProvider>
<WithTooltip tooltip="Save title"> <WithTooltip tooltip="Save title">
<div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-background-depth-3"> <div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-item-backgroundAccent">
<button <button
type="submit" type="submit"
className="i-ph:check-bold scale-110 hover:text-bolt-elements-item-contentAccent" className="i-ph:check-bold scale-110 hover:text-bolt-elements-item-contentAccent"
@ -49,7 +49,7 @@ export function ChatDescription() {
{currentDescription} {currentDescription}
<TooltipProvider> <TooltipProvider>
<WithTooltip tooltip="Rename chat"> <WithTooltip tooltip="Rename chat">
<div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-background-depth-3 ml-2"> <div className="flex justify-between items-center p-2 rounded-md bg-bolt-elements-item-backgroundAccent ml-2">
<button <button
type="button" type="button"
className="i-ph:pencil-fill scale-110 hover:text-bolt-elements-item-contentAccent" className="i-ph:pencil-fill scale-110 hover:text-bolt-elements-item-contentAccent"