harmonize summary bar

Author: ArthurFlag

assets/css/components.css

@@ -99,3 +99,7 @@
     @apply h-12 w-12 overflow-hidden;
   }
 }
+
+.summary-bar{
+  @apply rounded-sm my-1 flex flex-col p-4 bg-gray-50 dark:bg-gray-900;
+}

hugo_stats.json

@@ -501,6 +501,7 @@
       "space-y-2",
       "space-y-4",
       "sticky",
+      "summary-bar",
       "svg-container",
       "syntax-light",
       "systemd-networkd",

layouts/shortcodes/summary-bar.html

@@ -23,7 +23,7 @@
 
 
   <div
-    class="not-prose my-1 flex flex-col border-l-4 border-gray-light-200 bg-gray-light-200 bg-opacity-75 px-4 py-1 dark:bg-gray-dark-300 dark:bg-opacity-75"
+    class="not-prose summary-bar"
   >
     {{ with $feature.subscription }}
       <div class="flex flex-wrap gap-1">
@@ -79,4 +79,4 @@
       </div>
     {{ end }}
   </div>
-{{ end }}
+{{ end }}