Improve layout

quarkusio · Feb 4, 2025 · 3fc24ce · 3fc24ce
1 parent 9ebc584
commit 3fc24ce
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/templates/extensions-added-list.js b/src/templates/extensions-added-list.js
@@ -143,6 +143,7 @@ const ExtensionsAddedListTemplate = (
   const date = new Date(+monthTimestamp)
   const verb = now.getUTCMonth() === date.getUTCMonth() && now.getUTCFullYear() === date.getUTCFullYear() ? "have been" : "were"
   const formattedMonth = prettyDate(monthTimestamp)
+  const name = `Extensions added in ${formattedMonth}`
 
   if (extensions && extensions.length > 0) {
 
@@ -157,9 +158,6 @@ const ExtensionsAddedListTemplate = (
 
     const countMessage = `${extensionCount} new extensions ${verb} added this month.`
 
-
-    const name = `Extensions added in ${formattedMonth}`
-
     return (
       <Layout location={location}>
         <BreadcrumbBar name={name} />
@@ -188,10 +186,15 @@ const ExtensionsAddedListTemplate = (
     )
   } else {
     return (
-      <div className="extensions-list" style={{ display: "flex" }}>
-        No new extensions {verb} added in {formattedMonth}.
-        {nav}
-      </div>
+      <Layout location={location}>
+        <BreadcrumbBar name={name} />
+        <ExtensionCardList>
+          <h4>
+            No new extensions {verb} added in {formattedMonth}.
+          </h4>
+          {nav}
+        </ExtensionCardList>
+      </Layout>
     )
   }
 }