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): 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 <CheckboxSkeleton
className="shrink-0" 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="flex">
<div <div
className="relative flex h-10 w-10 items-center justify-center gap-2 rounded-[10px] border-[0.5px] 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 <CheckboxSkeleton
className="shrink-0" 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 <Placeholder
wrapClassName="w-full" 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) 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 */} {/* Header */}
<div className="flex"> <div className="flex">
<div className="flex size-10 items-center justify-center overflow-hidden rounded-xl border border-components-panel-border-subtle"> <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" data-testid="plugin-card-skeleton"
className="relative overflow-hidden rounded-xl border-[1.5px] border-background-section-burn bg-background-section-burn p-1" 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"> <div className="flex">
<SkeletonRectangle className="size-10 shrink-0 animate-pulse rounded-xl" /> <SkeletonRectangle className="size-10 shrink-0 animate-pulse rounded-xl" />
<div className="ml-3 w-0 grow"> <div className="ml-3 w-0 grow">