fix: fix large padding on top of test card when there is no describe

gemini-testing · Nov 23, 2024 · b478321 · b478321
1 parent 3be381f
commit b478321
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/lib/static/new-ui/components/SuiteTitle/index.module.css b/lib/static/new-ui/components/SuiteTitle/index.module.css
@@ -26,7 +26,6 @@
 }
 
 .content {
-    margin-top: 8px;
     display: flex;
     flex-direction: column;
     row-gap: 8px;

diff --git a/lib/static/new-ui/components/SuiteTitle/index.tsx b/lib/static/new-ui/components/SuiteTitle/index.tsx
@@ -25,7 +25,7 @@ export function SuiteTitle(props: SuiteTitlePropsInternal): ReactNode {
 
     return <div className={classNames(styles.container, props.className)}>
         <div className={styles.content}>
-            <div className={classNames(styles.breadcrumbs)}>
+            {suitePath.length > 0 && <div className={classNames(styles.breadcrumbs)}>
                 {suitePath.map((item, index) => (
                     <div key={index} className={styles.breadcrumbsItem}>
                         {item}
@@ -35,7 +35,7 @@ export function SuiteTitle(props: SuiteTitlePropsInternal): ReactNode {
                             </div>}
                     </div>
                 ))}
-            </div>
+            </div>}
             <div className={styles.titleContainer}>
                 <h2 className={classNames('text-display-1')}>
                     {suiteName ?? 'Unknown Suite'}