Update banner frame (#3972)

Signed-off-by: Cintia Sanchez Garcia <cynthiasg@icloud.com>
artifacthub · Aug 7, 2024 · 9c3ab89 · 9c3ab89
1 parent fec9c9e
commit 9c3ab89
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/web/src/layout/package/Banner.module.css b/web/src/layout/package/Banner.module.css
@@ -3,6 +3,10 @@
   transition: max-height 0.5s ease-in-out;
 }
 
+.card {
+  padding: 0.33rem;
+}
+
 .loaded {
   max-height: 1500px;
 }

diff --git a/web/src/layout/package/Banner.tsx b/web/src/layout/package/Banner.tsx
@@ -46,7 +46,7 @@ const Banner = (props: Props) => {
   if (isNull(visibleBanner)) return null;
 
   const getCardImage = () => (
-    <div className={`card flex-row shadow-sm mw-100 p-3 overflow-hidden ${props.className}`}>
+    <div className={`card flex-row shadow-sm mw-100 overflow-hidden ${styles.card} ${props.className}`}>
       <img
         ref={img}
         src={effective === 'light' ? visibleBanner.images['light-theme'] : visibleBanner.images['dark-theme']}