fix(chat): remove content top margin (Issue #2461) (#2465)

epam · Oct 29, 2024 · 5d92782 · 5d92782
1 parent 4717e49
commit 5d92782
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/apps/chat/src/components/Marketplace/CardsList.tsx b/apps/chat/src/components/Marketplace/CardsList.tsx
@@ -37,7 +37,7 @@ export const CardsList = ({
       {!!title && <h2 className="text-xl font-semibold">{t(title)}</h2>}
 
       <div
-        className="mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 xl:mt-6 xl:grid-cols-3 xl:gap-5 2xl:grid-cols-4"
+        className="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3 xl:gap-5 2xl:grid-cols-4"
         data-qa="applications"
       >
         {entities.map((entity) => (

diff --git a/apps/chat/src/components/Marketplace/TabRenderer.tsx b/apps/chat/src/components/Marketplace/TabRenderer.tsx
@@ -102,15 +102,19 @@ const ResultsView = ({
         />
         {!entities.length && (
           <div className="flex items-center gap-1">
-            <Magnifier height={32} width={32} className="text-secondary" />
-            <span className="text-base">
+            <Magnifier
+              height={32}
+              width={32}
+              className="shrink-0 text-secondary"
+            />
+            <span className="text-sm sm:text-base">
               {t(
                 'No results found in My workspace. Look at suggested results from DIAL Marketplace.',
               )}
             </span>
           </div>
         )}
-        <span className="mt-5 text-xl">
+        <span className="mb-4 mt-5 text-xl md:mt-6 lg:mt-8">
           {t('Suggested results from DIAL Marketplace')}
         </span>
         <CardsList
@@ -404,7 +408,7 @@ export const TabRenderer = ({ screenState }: TabRendererProps) => {
 
   return (
     <>
-      <header className="mb-6" data-qa="marketplace-header">
+      <header className="mb-5 md:mb-4 xl:mb-6" data-qa="marketplace-header">
         <MarketplaceBanner />
         <SearchHeader
           items={displayedEntities.length}