+
-
+ {hasSubtitle && (
+
+ )}
-
+
diff --git a/blocks/staff-list/src/editor.scss b/blocks/staff-list/src/editor.scss
index 786a7c7..6130f51 100644
--- a/blocks/staff-list/src/editor.scss
+++ b/blocks/staff-list/src/editor.scss
@@ -2,8 +2,23 @@
.homegrade-blocks-staff-list__staff-list {
display: unset;
}
+
.block-editor-block-list__layout {
display: grid;
- grid-template-columns: repeat(3, 1fr);
+ }
+ .homegrade-blocks-staff-list__staff-list--grid-2 {
+ .block-editor-block-list__layout {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ }
+ .homegrade-blocks-staff-list__staff-list--grid-3 {
+ .block-editor-block-list__layout {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ }
+ .homegrade-blocks-staff-list__staff-list--grid-4 {
+ .block-editor-block-list__layout {
+ grid-template-columns: repeat(4, 1fr);
+ }
}
}
diff --git a/blocks/staff-list/src/save.js b/blocks/staff-list/src/save.js
index e64e549..d516089 100644
--- a/blocks/staff-list/src/save.js
+++ b/blocks/staff-list/src/save.js
@@ -1,7 +1,7 @@
import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
export default function save({ attributes }) {
- let { blockTitle, blockSubtitle } = attributes;
+ let { blockTitle, blockSubtitle, hasSubtitle, columnsAmount } = attributes;
return (
-
+
-
+ {hasSubtitle && (
+
+ )}
-