opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-07-21 18:58:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): prevent plugin cards from overlapping marketplace panel (#38427)

Browse Source
This commit is contained in:
yyh 2026-07-05 22:01:07 +08:00 committed by GitHub
parent abaf6b1337
commit acfef79a8f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/plugins/install-plugin/base/loading-error.tsx
View File

@ -14,7 +14,7 @@ const LoadingError: FC = () => {
<CheckboxSkeleton
className="shrink-0"
/>
<div className="hover-bg-components-panel-on-panel-item-bg relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
<div className="relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
<div className="flex">
<div
className="relative flex h-10 w-10 items-center justify-center gap-2 rounded-[10px] border-[0.5px]

2
web/app/components/plugins/install-plugin/base/loading.tsx
View File

@ -9,7 +9,7 @@ const Loading = () => {
<CheckboxSkeleton
className="shrink-0"
/>
<div className="hover-bg-components-panel-on-panel-item-bg relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
<div className="relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
<Placeholder
wrapClassName="w-full"
/>

2
web/app/components/plugins/plugin-item/index.tsx
View File

@ -110,7 +110,7 @@ const PluginItem: FC<Props> = ({
setCurrentPluginID(plugin.plugin_id)
}}
>
<div className={cn('hover-bg-components-panel-on-panel-item-bg relative z-10 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs', className)}>
<div className={cn('relative rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs', className)}>
{/* Header */}
<div className="flex">
<div className="flex size-10 items-center justify-center overflow-hidden rounded-xl border border-components-panel-border-subtle">

2
web/app/components/plugins/plugin-page/plugin-list-skeleton.tsx
View File

@ -8,7 +8,7 @@ const PluginCardSkeleton = () => (
data-testid="plugin-card-skeleton"
className="relative overflow-hidden rounded-xl border-[1.5px] border-background-section-burn bg-background-section-burn p-1"
>
<div className="relative z-10 rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
<div className="relative rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
<div className="flex">
<SkeletonRectangle className="size-10 shrink-0 animate-pulse rounded-xl" />
<div className="ml-3 w-0 grow">