Updated the author and tabs components

hlxsites · Nov 21, 2023 · 5be23a9 · 5be23a9
1 parent 8c7541f
commit 5be23a9
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/blocks/author/author.css b/blocks/author/author.css
@@ -1,5 +1,5 @@
 .author {
-    padding: 20px 0;
+    margin: 1.5rem 0;
     border: 1px solid #999;
 }
 
@@ -33,6 +33,7 @@
 .author .mmg-tabs .tabpanel img {
     border-radius: 50%;
     border: 1px solid #CCC;
+    height: auto;
 }
 
 .author p {
@@ -50,6 +51,19 @@
     justify-content: space-between;
 }
 
+.author .author-avatar {
+    width: 25%;
+}
+
+.author .author-avatar img {
+    width: 100%;
+    height: auto;
+}
+
+.author .author-info.has-avatar {
+    width: 75%;
+}
+
 .author .author-recent-posts {
     font-size: 14px;
     line-height: normal
@@ -91,13 +105,16 @@
     }
 
     .author .author-avatar {
-        /* float: none; */
         width: 100%;
         display: block;
         text-align: center;
         padding-bottom: 1em
     }
 
+    .author .author-info.has-avatar {
+        width: 100%;
+    }
+
     .author .author-avatar img {
         width: 80%;
         max-width: 300px;

diff --git a/blocks/tabs/tabs.css b/blocks/tabs/tabs.css
@@ -5,4 +5,9 @@
 .tabpanel table tr:first-child td {
     background-color: var(--primary-color)!important; /* Specify your desired background color here */
     color: var(--text-color);
-}
+}
+
+.tabs .tabpanel ul + p > em {
+    margin-left: 18px;
+    display: block;
+}