add history rocker icons

This commit is contained in:
Shantur Rathore
2025-12-06 23:18:29 +00:00
parent b9394fb467
commit ec5c5c8c0f
2 changed files with 5 additions and 8 deletions

View File

@@ -1,4 +1,5 @@
import { createSignal, Show, onMount, For, onCleanup, createEffect, on, untrack } from "solid-js" import { createSignal, Show, onMount, For, onCleanup, createEffect, on, untrack } from "solid-js"
import { ArrowBigUp, ArrowBigDown } from "lucide-solid"
import UnifiedPicker from "./unified-picker" import UnifiedPicker from "./unified-picker"
import { addToHistory, getHistory } from "../stores/message-history" import { addToHistory, getHistory } from "../stores/message-history"
import { getAttachments, addAttachment, clearAttachments, removeAttachment } from "../stores/attachments" import { getAttachments, addAttachment, clearAttachments, removeAttachment } from "../stores/attachments"
@@ -1041,9 +1042,7 @@ export default function PromptInput(props: PromptInputProps) {
disabled={!canHistoryGoPrevious()} disabled={!canHistoryGoPrevious()}
aria-label="Previous prompt" aria-label="Previous prompt"
> >
<svg viewBox="0 0 20 20" fill="currentColor" class="h-3 w-3" aria-hidden="true"> <ArrowBigUp class="h-5 w-5" aria-hidden="true" />
<path d="M10 6l-4 5h8L10 6z" />
</svg>
</button> </button>
</div> </div>
<div class="prompt-history-bottom"> <div class="prompt-history-bottom">
@@ -1054,9 +1053,7 @@ export default function PromptInput(props: PromptInputProps) {
disabled={!canHistoryGoNext()} disabled={!canHistoryGoNext()}
aria-label="Next prompt" aria-label="Next prompt"
> >
<svg viewBox="0 0 20 20" fill="currentColor" class="h-3 w-3" aria-hidden="true"> <ArrowBigDown class="h-5 w-5" aria-hidden="true" />
<path d="M10 14l4-5H6l4 5z" />
</svg>
</button> </button>
</div> </div>
</Show> </Show>

View File

@@ -66,11 +66,11 @@
} }
.prompt-history-bottom { .prompt-history-bottom {
bottom: 0.3rem; bottom: 0.6rem;
} }
.prompt-history-button { .prompt-history-button {
@apply w-8 h-8 flex items-center justify-center rounded-md; @apply w-9 h-9 flex items-center justify-center rounded-md;
color: var(--text-muted); color: var(--text-muted);
background-color: rgba(15, 23, 42, 0.04); background-color: rgba(15, 23, 42, 0.04);
transition: background-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease;