opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-06-24 13:01:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): refine snippet collapsed nav spacing

Browse Source
This commit is contained in:
JzoNg 2026-06-23 11:52:20 +08:00
parent 1f593d4f9b
commit b9d398aff9
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/app/components/main-nav/index.tsx
View File

@ -59,11 +59,11 @@ function SnippetCollapsedPreview({
}) {
return (
<div
className="flex min-h-0 grow flex-col items-center px-2 pt-12"
className="flex min-h-0 grow flex-col items-center px-2 pt-4"
aria-label="Snippet collapsed preview"
>
<div
className="flex size-11 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-tertiary shadow-xs"
className="flex size-10 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-tertiary shadow-xs"
aria-hidden="true"
>
<span className="relative block size-6">
@ -73,12 +73,12 @@ function SnippetCollapsedPreview({
<span className="absolute bottom-0 left-0 size-3 rounded-md bg-util-colors-indigo-indigo-400 shadow-xs" />
</span>
</div>
<div className="my-12 h-0.5 w-8 rounded-full bg-divider-subtle" aria-hidden="true" />
<div className="my-2 h-0.5 w-8 rounded-full bg-divider-subtle" aria-hidden="true" />
<div
className="relative flex size-11 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-accent shadow-xs"
className="relative flex size-8 items-center justify-center rounded-[16px] border border-divider-subtle bg-background-default-subtle text-text-accent shadow-xs"
aria-label={`${inputFieldCount} input fields`}
>
<span aria-hidden="true" className="i-custom-vender-solid-development-variable-02 size-6" />
<span aria-hidden="true" className="i-custom-vender-solid-development-variable-02 size-5" />
<span className="absolute -right-1.5 -bottom-1.5 flex size-5.5 items-center justify-center rounded-full border-2 border-components-panel-bg bg-state-accent-solid text-xs leading-none font-semibold text-text-primary-on-surface shadow-xs">
{inputFieldCount}
</span>