cleaned up and made block visible in editor

src/theatergf-gallery/block.json

@@ -13,7 +13,6 @@
 	"textdomain": "theatergf-gallery",
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./index.css",
-	"style": "file:./style-index.css",
 	"render": "file:./render.php",
 	"viewScript": "file:./view.js"
 }

src/theatergf-gallery/edit.js

@@ -31,8 +31,8 @@ import './editor.scss';
  */
 export default function Edit() {
 	return (
-		<theatergf-gallery { ...useBlockProps() }>
+		<div { ...useBlockProps() }>
-			{ __( 'Gallery', 'theatergf-gallery' ) }
+			<img src="http://localhost:8000/wp-content/uploads/2026/02/thumbnail_tgf-logo-transparent-fuer-hg-weiss-512x512-1.png" />
-		</theatergf-gallery>
+		</div>
 	);
 }

src/theatergf-gallery/editor.scss

@@ -4,6 +4,13 @@
  * Replace them with your own styles or remove the file completely.
  */
 
-.wp-block-theatergf-theatergf-gallery {
+.wp-block-theatergf-gallery {
 	border: 1px dotted #f00;
+	width: 100%;
+	aspect-ratio: 2/1;
+	overflow: hidden;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }

src/theatergf-gallery/index.js

@@ -5,15 +5,6 @@
  */
 import { registerBlockType } from '@wordpress/blocks';
 
-/**
- * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
- * All files containing `style` keyword are bundled together. The code used
- * gets applied both to the front of your site and to the editor.
- *
- * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
- */
-import './style.scss';
-
 /**
  * Internal dependencies
  */

src/theatergf-gallery/style.scss

@@ -1,10 +0,0 @@
-/**
- * The following styles get applied both on the front of your site
- * and in the editor.
- *
- * Replace them with your own styles or remove the file completely.
- */
-
-.wp-block-theatergf-theatergf-gallery {
-
-}