intro message in dynamic table

WordPress · Aug 29, 2024 · 159a7ea · 159a7ea
1 parent 9965a91
commit 159a7ea
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/_app/src/HomePage.js b/_app/src/HomePage.js
@@ -164,16 +164,18 @@ const Examples = () => {
 
 	return (
 		<>
-			<p>
-				Dynamic table of examples at
-				<a
-					href={
-						'https://github.com/WordPress/block-development-examples'
-					}
-				>
-					WordPress/block-development-examples
-				</a>
-			</p>
+			<div className="intro">
+				<p>
+					Dynamic table of examples at
+					<a
+						href={
+							'https://github.com/WordPress/block-development-examples'
+						}
+					>
+						WordPress/block-development-examples
+					</a>
+				</p>
+			</div>
 			<DataViews
 				data={ processedData }
 				fields={ fields }

diff --git a/_app/src/styles.scss b/_app/src/styles.scss
@@ -18,6 +18,15 @@ body {
 	min-width: 600px;
 }
 
+.intro {
+	padding: 0 50px;
+	font-weight: 700;
+
+	a {
+		margin: 0 5px;
+	}
+}
+
 .tags_example {
 	display: flex;
 	flex-wrap: wrap;