opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-09-08 11:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): drop the extra rest-state border from marketplace search

Browse Source 
Match the homepage Input Field: rest uses the fill only, with the gray
stroke only on hover and focus.
This commit is contained in:
CodingOnStar 2026-08-25 19:34:00 +08:00
parent 65d89e187f
commit debda8ac5c
3 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/plugins/marketplace/home/marketplace-live-search.tsx
View File

@ -76,7 +76,7 @@ export default function MarketplaceLiveSearch({
value={value}
onChange={(event) => setValue(event.target.value)}
placeholder={placeholder}
className="h-9 w-full rounded-[10px] border-[0.5px] border-components-input-border-active bg-components-input-bg-normal py-2 pr-3 pl-9 text-sm text-text-primary outline-none placeholder:text-text-quaternary focus:border-state-accent-solid"
className="h-9 w-full rounded-[10px] border border-transparent bg-components-input-bg-normal py-2 pr-3 pl-9 text-sm text-text-primary outline-none placeholder:text-text-quaternary hover:border-components-input-border-hover focus:border-components-input-border-active"
/>
{language && <input type="hidden" name="language" value={language} />}
</form>

2
web/app/components/plugins/marketplace/home/marketplace-plugin-search.tsx
View File

@ -30,7 +30,7 @@ export default function MarketplacePluginSearch({ placeholder }: MarketplacePlug
void setValue(event.target.value)
}}
placeholder={placeholder}
className="h-9 w-full rounded-[10px] border-[0.5px] border-components-input-border-active bg-components-input-bg-normal py-2 pr-3 pl-9 text-sm text-text-primary outline-none placeholder:text-text-quaternary focus:border-state-accent-solid"
className="h-9 w-full rounded-[10px] border border-transparent bg-components-input-bg-normal py-2 pr-3 pl-9 text-sm text-text-primary outline-none placeholder:text-text-quaternary hover:border-components-input-border-hover focus:border-components-input-border-active"
/>
</form>
)

5
web/app/components/plugins/marketplace/home/marketplace-search-autocomplete.tsx
View File

@ -187,10 +187,7 @@ export function MarketplaceSearchAutocomplete({
submitOnItemClick={Boolean(inputName)}
value={value}
>
<AutocompleteInputGroup
size="large"
className="border-[0.5px] border-components-input-border-active"
>
<AutocompleteInputGroup size="large">
<span
aria-hidden
className="ml-3 i-ri-search-line size-4 shrink-0 text-components-input-text-placeholder"