@@ -47,12 +45,7 @@ export default function Edit({ attributes, setAttributes }) {
}) }>
-
-
-
-
+
diff --git a/src/editor.scss b/src/editor.scss
index f8ebf5c..ce7ca19 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -31,12 +31,19 @@
color: #555;
}
- .feature {
+ .block-editor-inner-blocks > .block-editor-block-list__layout {
display: flex;
align-items: center;
- }
- .feature-item {
- margin: 16px;
+ > * {
+ max-height: 120px;
+ margin: 16px;
+ }
+
+ img {
+ max-height: 120px;
+ width: auto;
+ max-width: 240px;
+ }
}
}
diff --git a/src/save.js b/src/save.js
index ba81eeb..d94dfd8 100644
--- a/src/save.js
+++ b/src/save.js
@@ -3,7 +3,7 @@
*
* @see https://developer.wordpress.org/block-editor/packages/packages-i18n/
*/
-import { __ } from '@wordpress/i18n';
+import { __ } from "@wordpress/i18n";
/**
* React hook that is used to mark the block wrapper element.
@@ -11,7 +11,7 @@ import { __ } from '@wordpress/i18n';
*
* @see https://developer.wordpress.org/block-editor/packages/packages-block-editor/#useBlockProps
*/
-import { useBlockProps } from '@wordpress/block-editor';
+import { useBlockProps, InnerBlocks } from "@wordpress/block-editor";
/**
* The save function defines the way in which the different attributes should
@@ -22,13 +22,21 @@ import { useBlockProps } from '@wordpress/block-editor';
*
* @return {WPElement} Element to render.
*/
-export default function save() {
+export default function save({ attributes }) {
return (
-
- { __(
- 'Red Orbital Orbiter – hello from the saved content!',
- 'red-orbiter'
- ) }
-
+
+
+
);
}