@conduction/docusaurus-preset 2.1.0 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/docusaurus-preset",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "scripts": {
     "prepack": "node scripts/prepack-bundle-css.js"
   },

package/src/components/AppMock/AppMock.jsx

@@ -69,18 +69,22 @@ export default function AppMock({app, size = 'md', caption = false, className})
   const variant = VARIANTS[app];
   if (!variant) {
     return (
-      <div className={[styles.frame, styles[`size-${size}`], className].filter(Boolean).join(' ')}>
-        <div className={styles.empty}>Unknown app: {app}</div>
+      <div className={styles.am}>
+        <div className={[styles.frame, styles[`size-${size}`], className].filter(Boolean).join(' ')}>
+          <div className={styles.empty}>Unknown app: {app}</div>
+        </div>
       </div>
     );
   }
   const {Component, label} = variant;
   return (
-    <figure className={[styles.figure, className].filter(Boolean).join(' ')}>
-      <div className={[styles.frame, styles[`size-${size}`]].filter(Boolean).join(' ')}>
-        <Component />
-      </div>
-      {caption && <figcaption className={styles.caption}>{label}</figcaption>}
-    </figure>
+    <div className={styles.am}>
+      <figure className={[styles.figure, className].filter(Boolean).join(' ')}>
+        <div className={[styles.frame, styles[`size-${size}`]].filter(Boolean).join(' ')}>
+          <Component />
+        </div>
+        {caption && <figcaption className={styles.caption}>{label}</figcaption>}
+      </figure>
+    </div>
   );
 }