Skip to content

Commit 3054d6c

Browse files
emir-karabegemir-karabeg
authored
fix: bg styling outside workspace (#2605)
1 parent 3d75445 commit 3054d6c

File tree

11 files changed

+52
-42
lines changed

11 files changed

+52
-42
lines changed

‎apps/sim/app/(auth)/components/auth-background.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ type AuthBackgroundProps = {
99
export default function AuthBackground({ className, children }: AuthBackgroundProps) {
1010
return (
1111
<div className={cn('relative min-h-screen w-full overflow-hidden', className)}>
12+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
1213
<AuthBackgroundSVG />
1314
<div className='relative z-20'>{children}</div>
1415
</div>

‎apps/sim/app/(landing)/components/background/background-svg.tsx‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -5,39 +5,39 @@ export default function BackgroundSVG() {
55
focusable='false'
66
className='-translate-x-1/2 pointer-events-none absolute top-0 left-1/2 z-10 hidden h-full min-h-full w-[1308px] sm:block'
77
width='1308'
8-
height='4942'
9-
viewBox='0 18 1308 4066'
8+
height='4970'
9+
viewBox='0 18 1308 4094'
1010
fill='none'
1111
xmlns='http://www.w3.org/2000/svg'
1212
preserveAspectRatio='xMidYMin slice'
1313
>
14-
{/* Pricing section (original height ~380 units) */}
14+
{/* Pricing section (extended by ~28 units) */}
1515
<path d='M6.71704 1236.22H1300.76' stroke='#E7E4EF' strokeWidth='2' />
1616
<circle cx='11.0557' cy='1236.48' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
1717
<circle cx='1298.02' cy='1236.48' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
18-
<path d='M10.7967 1245.42V1613.91' stroke='#E7E4EF' strokeWidth='2' />
19-
<path d='M1297.76 1245.96V1613.91' stroke='#E7E4EF' strokeWidth='2' />
18+
<path d='M10.7967 1245.42V1641.91' stroke='#E7E4EF' strokeWidth='2' />
19+
<path d='M1297.76 1245.96V1641.91' stroke='#E7E4EF' strokeWidth='2' />
2020

21-
{/* Integrations section (original height ~412 units) */}
22-
<path d='M6.71704 1614.89H1291.05' stroke='#E7E4EF' strokeWidth='2' />
23-
<circle cx='11.0557' cy='1615.15' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
24-
<circle cx='1298.02' cy='1615.15' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
25-
<path d='M10.7967 1624.61V2026.93' stroke='#E7E4EF' strokeWidth='2' />
26-
<path d='M1297.76 1624.61V2026.93' stroke='#E7E4EF' strokeWidth='2' />
21+
{/* Integrations section (shifted down by 28 units) */}
22+
<path d='M6.71704 1642.89H1291.05' stroke='#E7E4EF' strokeWidth='2' />
23+
<circle cx='11.0557' cy='1643.15' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
24+
<circle cx='1298.02' cy='1643.15' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
25+
<path d='M10.7967 1652.61V2054.93' stroke='#E7E4EF' strokeWidth='2' />
26+
<path d='M1297.76 1652.61V2054.93' stroke='#E7E4EF' strokeWidth='2' />
2727

28-
{/* Testimonials section (original short height ~149 units) */}
29-
<path d='M6.71704 2026.71H1300.76' stroke='#E7E4EF' strokeWidth='2' />
30-
<circle cx='11.0557' cy='2026.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
31-
<circle cx='1298.02' cy='2026.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
32-
<path d='M10.7967 2036.43V2177.43' stroke='#E7E4EF' strokeWidth='2' />
33-
<path d='M1297.76 2036.43V2177.43' stroke='#E7E4EF' strokeWidth='2' />
28+
{/* Testimonials section (shifted down by 28 units) */}
29+
<path d='M6.71704 2054.71H1300.76' stroke='#E7E4EF' strokeWidth='2' />
30+
<circle cx='11.0557' cy='2054.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
31+
<circle cx='1298.02' cy='2054.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
32+
<path d='M10.7967 2064.43V2205.43' stroke='#E7E4EF' strokeWidth='2' />
33+
<path d='M1297.76 2064.43V2205.43' stroke='#E7E4EF' strokeWidth='2' />
3434

35-
{/* Footer section line */}
36-
<path d='M6.71704 2177.71H1300.76' stroke='#E7E4EF' strokeWidth='2' />
37-
<circle cx='11.0557' cy='2177.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
38-
<circle cx='1298.02' cy='2177.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
39-
<path d='M10.7967 2187.43V4090.25' stroke='#E7E4EF' strokeWidth='2' />
40-
<path d='M1297.76 2187.43V4090.25' stroke='#E7E4EF' strokeWidth='2' />
35+
{/* Footer section line (shifted down by 28 units) */}
36+
<path d='M6.71704 2205.71H1300.76' stroke='#E7E4EF' strokeWidth='2' />
37+
<circle cx='11.0557' cy='2205.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
38+
<circle cx='1298.02' cy='2205.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
39+
<path d='M10.7967 2215.43V4118.25' stroke='#E7E4EF' strokeWidth='2' />
40+
<path d='M1297.76 2215.43V4118.25' stroke='#E7E4EF' strokeWidth='2' />
4141
<path
4242
d='M959.828 116.604C1064.72 187.189 1162.61 277.541 1293.45 536.597'
4343
stroke='#E7E4EF'

‎apps/sim/app/(landing)/components/background/background.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ type BackgroundProps = {
1515
export default function Background({ className, children }: BackgroundProps) {
1616
return (
1717
<div className={cn('relative min-h-screen w-full', className)}>
18+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
1819
<BackgroundSVG />
1920
<div className='relative z-0 mx-auto w-full max-w-[1308px]'>{children}</div>
2021
</div>

‎apps/sim/app/_styles/globals.css‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -538,25 +538,25 @@ input[type="search"]::-ms-clear {
538538
}
539539

540540
.auth-button-gradient {
541-
background: linear-gradient(to bottom, var(--brand-500), var(--brand-400)) !important;
541+
background: linear-gradient(to bottom, var(--brand-primary-hex), var(--brand-400)) !important;
542542
border-color: var(--brand-400) !important;
543543
box-shadow: inset 0 2px 4px 0 var(--brand-400) !important;
544544
}
545545

546546
.auth-button-gradient:hover {
547-
background: linear-gradient(to bottom, var(--brand-500), var(--brand-400)) !important;
547+
background: linear-gradient(to bottom, var(--brand-primary-hex), var(--brand-400)) !important;
548548
opacity: 0.9;
549549
}
550550

551551
.auth-button-custom {
552-
background: var(--brand-500) !important;
553-
border-color: var(--brand-500) !important;
552+
background: var(--brand-primary-hex) !important;
553+
border-color: var(--brand-primary-hex) !important;
554554
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
555555
}
556556

557557
.auth-button-custom:hover {
558-
background: var(--brand-500) !important;
559-
border-color: var(--brand-500) !important;
558+
background: var(--brand-primary-hover-hex) !important;
559+
border-color: var(--brand-primary-hover-hex) !important;
560560
opacity: 1;
561561
}
562562

‎apps/sim/app/changelog/layout.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@ import Nav from '@/app/(landing)/components/nav/nav'
22

33
export default function ChangelogLayout({ children }: { children: React.ReactNode }) {
44
return (
5-
<div className='min-h-screen bg-background text-foreground'>
5+
<div className='relative min-h-screen text-foreground'>
6+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
67
<Nav />
78
{children}
89
</div>

‎apps/sim/app/chat/[identifier]/chat.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -553,7 +553,7 @@ export default function ChatClient({ identifier }: { identifier: string }) {
553553

554554
// Standard text-based chat interface
555555
return (
556-
<div className='fixed inset-0 z-[100] flex flex-col bg-background text-foreground'>
556+
<div className='fixed inset-0 z-[100] flex flex-col bg-white text-foreground'>
557557
{/* Header component */}
558558
<ChatHeader chatConfig={chatConfig} starCount={starCount} />
559559

‎apps/sim/app/invite/components/layout.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,8 @@ interface InviteLayoutProps {
88

99
export default function InviteLayout({ children }: InviteLayoutProps) {
1010
return (
11-
<div className='bg-white'>
11+
<div className='relative min-h-screen'>
12+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
1213
<Nav variant='auth' />
1314
<div className='flex min-h-[calc(100vh-120px)] items-center justify-center px-4'>
1415
<div className='w-full max-w-[410px]'>{children}</div>

‎apps/sim/app/not-found.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,8 @@ export default function NotFound() {
4949
}, [])
5050

5151
return (
52-
<div className='min-h-screen bg-white'>
52+
<div className='relative min-h-screen'>
53+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
5354
<Nav variant='auth' />
5455
<div className='flex min-h-[calc(100vh-120px)] items-center justify-center px-4'>
5556
<div className='w-full max-w-[410px]'>

‎apps/sim/app/resume/[workflowId]/[executionId]/resume-page-client.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -996,7 +996,8 @@ export default function ResumeExecutionPage({
996996

997997
if (!executionDetail) {
998998
return (
999-
<div className='min-h-screen bg-white'>
999+
<div className='relative min-h-screen'>
1000+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
10001001
<Nav variant='auth' />
10011002
<div className='flex min-h-[calc(100vh-120px)] items-center justify-center px-4'>
10021003
<div className='w-full max-w-[410px]'>
@@ -1042,7 +1043,8 @@ export default function ResumeExecutionPage({
10421043
}
10431044

10441045
return (
1045-
<div className='min-h-screen bg-gradient-to-b from-slate-50 to-white'>
1046+
<div className='relative min-h-screen bg-gradient-to-b from-slate-50 to-white'>
1047+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
10461048
<Nav variant='auth' />
10471049
<div className='mx-auto min-h-[calc(100vh-120px)] max-w-7xl px-4 py-6 sm:py-8'>
10481050
{/* Header Section */}

‎apps/sim/app/templates/layout-client.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,10 @@ import { season } from '@/app/_styles/fonts/season/season'
66
export default function TemplatesLayoutClient({ children }: { children: React.ReactNode }) {
77
return (
88
<Tooltip.Provider delayDuration={600} skipDelayDuration={0}>
9-
<div className={`${season.variable} flex min-h-screen flex-col font-season`}>{children}</div>
9+
<div className={`${season.variable} relative flex min-h-screen flex-col font-season`}>
10+
<div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
11+
{children}
12+
</div>
1013
</Tooltip.Provider>
1114
)
1215
}

0 commit comments

Comments
 (0)