fix: Bento component rules on an article

Vanilla-OS · Jul 26, 2024 · 50b1f1d · 50b1f1d
1 parent 3528d43
commit 50b1f1d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/public/assets/css/components/bento.css b/public/assets/css/components/bento.css
@@ -60,8 +60,9 @@
 }
 
 .Bento-card p {
-    font-size: 24px;
-    line-height: 1.4;
+    font-size: 24px !important;
+    line-height: 1.4 !important;
+    margin: 0 !important;
 }
 
 .Bento-card img {
@@ -72,9 +73,10 @@
     background-color: #1e1e1e;
     display: block;
     color: #fff;
-    padding: 8px 15px;
+    padding: 0 15px;
     border-radius: 20px;
     margin: 10px 0 0 0;
+    font-size: 16px;
 }
 
 .Bento-card-title {

diff --git a/src/components/BentoOrchidRelease.vue b/src/components/BentoOrchidRelease.vue
@@ -6,7 +6,7 @@
                 <template #title>Compatible, with <u style="color: #FFFB64">Everything</u></template>
             </bento-card>
             <bento-card class="Bento-card Bento-card--5" background="/assets/images/bento/bento-1/top-right.svg"
-                image="/assets/images/3rd-party/logo-android.svg" imageSize="140px" margin="30px 100px 0 0"
+                image="/assets/images/3rd-party/logo-android.svg" imageSize="140px" margin="0 100px 0px 0px"
                 bgcolor="#F2FFF8" badge="Experimental">
                 <template #content>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in
                     hendrerit urna. Pellentesque sit amet sapien.</template>