Image blocks: add pattern background

getkirby · May 1, 2024 · 46f8eb1 · 46f8eb1
1 parent b14565c
commit 46f8eb1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/panel/src/components/Forms/Blocks/Elements/BlockFigure.vue b/panel/src/components/Forms/Blocks/Elements/BlockFigure.vue
@@ -50,6 +50,9 @@ export default {
 .k-block-figure-container:not([data-disabled="true"]) {
 	cursor: pointer;
 }
+.k-block-figure-container img {
+	background: var(--pattern-light);
+}
 .k-block-figure iframe {
 	border: 0;
 	pointer-events: none;

diff --git a/panel/src/components/Forms/Blocks/Types/Gallery.vue b/panel/src/components/Forms/Blocks/Types/Gallery.vue
@@ -74,6 +74,9 @@ export default {
 .k-block-type-gallery-placeholder {
 	background: var(--color-background);
 }
+.k-block-type-gallery img {
+	background: var(--pattern-light);
+}
 .k-block-type-gallery figcaption {
 	padding-top: 0.5rem;
 	color: var(--color-gray-600);