Use digits for better text flow

PostHog · Dec 5, 2023 · d9908b0 · d9908b0
1 parent 402d695
commit d9908b0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.scss
@@ -8,6 +8,6 @@
 
 .SidePanelWelcome__hero {
     background: url('../../../../../public/3000/3000-launch.png') no-repeat;
-    background-position: right min(calc(-5rem + 75%), 0rem) bottom;
+    background-position: right min(-5rem + 45%, 0rem) bottom;
     background-size: 22.875rem auto;
 }
diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelWelcome.tsx
@@ -105,9 +105,9 @@ export const SidePanelWelcome = (): JSX.Element => {
                         👋 <span className="opacity-75">Say hello to</span>
                         <div className="text-primary-3000 text-2xl font-bold">PostHog 3000</div>
                     </h1>
-                    <p className="max-w-120 text-sm font-medium mb-3 opacity-75">We're past zero to one.</p>
-                    <p className="max-w-40 text-sm font-medium mb-3 opacity-75">
-                        It's time to go from one to 3000. And this is just the beginning...
+                    <p className="text-sm font-medium mb-3 opacity-75">We're past 0 to 1.</p>
+                    <p className="text-sm font-medium mb-3 opacity-75" style={{ maxWidth: 'calc(50% - 1rem)' }}>
+                        It's time to go from 1 to&nbsp;3000. And&nbsp;this is just the&nbsp;beginning…
                     </p>
                     <div className="flex">
                         <LemonButton