chore: enhance ListWrapper and PluginPage components with stable scrollbar style

This commit is contained in:
Kalo Chin 2025-03-18 03:33:54 +09:00
parent 223ab5a38f
commit 0d6b0a361f
2 changed files with 4 additions and 1 deletions

View File

@ -37,7 +37,9 @@ const ListWrapper = ({
}, [handleQueryPlugins, marketplaceCollections, marketplaceCollectionsFromClient, isSuccessCollections])
return (
<div className='relative flex flex-col grow px-12 py-2 bg-background-default-subtle'>
<div
style={{ scrollbarGutter: 'stable' }}
className='relative flex flex-col grow px-12 py-2 bg-background-default-subtle'>
{
plugins && (
<div className='flex items-center mb-4 pt-3'>

View File

@ -145,6 +145,7 @@ const PluginPage = ({
<div
id='marketplace-container'
ref={containerRef}
style={{ scrollbarGutter: 'stable' }}
className={cn('grow relative flex flex-col overflow-y-auto border-t border-divider-subtle', activeTab === 'plugins'
? 'rounded-t-xl bg-components-panel-bg'
: 'bg-background-body',