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-
|
| 60 |
-
{ 'from-bolt-elements-background-depth-3 w-
|
| 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-
|
| 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-
|
| 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"
|