From 5be23a98eb9ee32b5f3820bbd33b2f821af0b8f6 Mon Sep 17 00:00:00 2001 From: TeshuKatepalli Date: Tue, 21 Nov 2023 18:32:33 +0530 Subject: [PATCH] Updated the author and tabs components --- blocks/author/author.css | 21 +++++++++++++++++++-- blocks/tabs/tabs.css | 7 ++++++- 2 files changed, 25 insertions(+), 3 deletions(-) diff --git a/blocks/author/author.css b/blocks/author/author.css index f6106f7c..56ada876 100644 --- 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 index c74c4ca1..b987e1e6 100644 --- 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); -} \ No newline at end of file +} + +.tabs .tabpanel ul + p > em { + margin-left: 18px; + display: block; +}