ceos/unsloth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

center the search dialog and change the wrong borders (#6184)

Browse source 
* center the search dialog and change the wrong borders

* fix the  mistake of 1 to l

* Fix/adjust search dialog radius for PR #6184

---------

Co-authored-by: Lee Jackson <130007945+Imagineer99@users.noreply.github.com>
Co-authored-by: wasimysaid <wasimysdev@gmail.com>
This commit is contained in:
हिमांशु 2026-06-11 19:33:47 +05:30 • committed by GitHub
commit de8d9b0691
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
studio/frontend/src/features/chat/components/chat-search-dialog.tsx
View file

@ -64,10 +64,10 @@ export function ChatSearchDialog() {
<CommandDialog
open={isOpen}
onOpenChange={setOpen}
className="chat-search-surface corner-squircle top-[25%] w-[635px] max-w-[calc(100%-2rem)] gap-0 p-0 ring-0 sm:max-w-[635px]"
className="chat-search-surface rounded-3xl! top-1/2 -translate-y-1/2 w-[635px] max-w-[calc(100%-2rem)] gap-0 p-0 ring-0 sm:max-w-[635px]"
overlayClassName="bg-transparent"
>
<Command className="rounded-4xl p-0" filter={chatSearchFilter}>
<Command className="rounded-3xl p-0" filter={chatSearchFilter}>
<div className="flex items-center gap-3 border-b border-border/40 px-4 py-3">
<HugeiconsIcon
icon={SearchIcon}

3
studio/frontend/src/index.css
View file

@ -897,8 +897,7 @@
/* Chat search box: borderless, soft Gemini-style elevation. */
.chat-search-surface {
border: none;
/* Pin to the dark --radius so the corners are the same (less round) in
both themes; rounded-4xl here and on the inner Command follow this. */
/* Pin to the dark --radius so rounded-3xl corners stay consistent. */
--radius: 0.625rem;
/* Match the chat box: soft elevation. */
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.16);