feat: Fixed background for toolbar list in 3000 (#18379)

PostHog · Nov 3, 2023 · 4e0ad8b · 4e0ad8b
1 parent 22bd594
commit 4e0ad8b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/__snapshots__/lemon-ui-lemon-table--with-footer.png b/frontend/__snapshots__/lemon-ui-lemon-table--with-footer.png
diff --git a/frontend/src/lib/components/AuthorizedUrlList/AuthorizedUrlList.tsx b/frontend/src/lib/components/AuthorizedUrlList/AuthorizedUrlList.tsx
@@ -110,13 +110,13 @@ export function AuthorizedUrlList({
                 </LemonButton>
             </div>
             {suggestionsLoading ? (
-                <div className="border rounded p-4" key={-1}>
+                <div className="border rounded p-4 bg-bg-light" key={-1}>
                     <Spinner className="text-xl" />
                 </div>
             ) : (
                 <div className="space-y-2">
                     {isAddUrlFormVisible && (
-                        <div className="border rounded p-2">
+                        <div className="border rounded p-2 bg-bg-light">
                             <AuthorizedUrlForm type={type} actionId={actionId} />
                         </div>
                     )}
@@ -128,11 +128,11 @@ export function AuthorizedUrlList({
                     />
                     {urlsKeyed.map((keyedURL, index) => {
                         return editUrlIndex === index ? (
-                            <div className="border rounded p-2">
+                            <div className="border rounded p-2 bg-bg-light">
                                 <AuthorizedUrlForm type={type} actionId={actionId} />
                             </div>
                         ) : (
-                            <div key={index} className={clsx('border rounded flex items-center p-2 pl-4')}>
+                            <div key={index} className={clsx('border rounded flex items-center p-2 pl-4 bg-bg-light')}>
                                 {keyedURL.type === 'suggestion' && (
                                     <LemonTag type="highlight" className="mr-4 uppercase">
                                         Suggestion