BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update ScrollableOverlay structure for consistent layout across pages

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2025-12-30 21:13:59 +02:00
parent a236dc81c9
commit 91a3496bd3
7 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/sections/providers/ProvidersPage.tsx
+6 -2
View File
@@ -449,7 +449,8 @@ export const ProvidersPage: React.FC = () => {
if (isAddMode) {
return (
<ScrollableOverlay outerClassName="h-full" className="mx-auto max-w-3xl space-y-6 p-6">
<ScrollableOverlay outerClassName="h-full" className="w-full">
<div className="mx-auto max-w-3xl space-y-6 p-6">
<div className="space-y-1">
<h1 className="typography-ui-header font-semibold text-lg">Connect provider</h1>
<p className="typography-body text-muted-foreground">
@@ -700,6 +701,7 @@ export const ProvidersPage: React.FC = () => {
)}
</div>
)}
</div>
</ScrollableOverlay>
);
}
@@ -730,7 +732,8 @@ export const ProvidersPage: React.FC = () => {
});
return (
<ScrollableOverlay outerClassName="h-full" className="mx-auto max-w-3xl space-y-6 p-6">
<ScrollableOverlay outerClassName="h-full" className="w-full">
<div className="mx-auto max-w-3xl space-y-6 p-6">
<div className="space-y-1">
<div className="flex items-center gap-2">
<ProviderLogo providerId={selectedProvider.id} className="h-5 w-5" />
@@ -968,6 +971,7 @@ export const ProvidersPage: React.FC = () => {
)}
</div>
</div>
</div>
</ScrollableOverlay>
);
};