Moving remaining non-dynamic inline styles to styles.css.

mlibrary · Jul 23, 2024 · 8c12b33 · 8c12b33
1 parent 3ce0d4f
commit 8c12b33
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/modules/reusable/components/Metadata/index.js b/src/modules/reusable/components/Metadata/index.js
@@ -69,7 +69,7 @@ const Description = ({ data }) => {
       <ol className='list__unstyled'>
         {data.map((datum, index) => {
           return (
-            <li key={index} style={{ display: 'inline-block' }}>
+            <li key={index}>
               {index > 0 && <Icon icon='navigate_next' className='text-grey__light' />}
               <Description data={datum} />
             </li>
@@ -98,7 +98,6 @@ const Description = ({ data }) => {
           src={image}
           alt=''
           className='padding-top__xs'
-          style={{ maxWidth: '16rem' }}
         />
       )}
     </DescriptionItem>

diff --git a/src/modules/reusable/components/Metadata/styles.css b/src/modules/reusable/components/Metadata/styles.css
@@ -13,3 +13,11 @@
     max-width: 10rem;
   }
 }
+
+.metadata-details img {
+  max-width: 16rem;
+}
+
+.metadata-details ol.list__unstyled > li {
+  display: inline-block;
+}