elements view & empty check

client/src/views/ElementView.astro

@@ -0,0 +1,36 @@
+---
+import MardownContent from '../components/MardownContent.astro';
+
+interface Props {
+  entry: {
+    data: {
+      title: string;
+      description: string;
+    };
+  };
+}
+
+const { entry } = Astro.props;
+---
+
+<div class="element-view">
+  <h1>{entry.data.title}</h1>
+  <MardownContent content={entry.data.description} />
+</div>
+
+<style>
+  .element-view {
+    max-width: 56rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
+  .element-view h1 {
+    font-size: 2.25rem;
+    font-weight: 700;
+    color: #111827;
+    margin-bottom: 1.5rem;
+    margin-top: 2rem;
+    line-height: 1.2;
+  }
+</style>