replaced metadata component borders with horizontal rule (#211)

agritheory · Dec 9, 2024 · e641379 · e641379
1 parent 2d817b1
commit e641379
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/beam/src/components/BeamMetadata.vue b/beam/src/components/BeamMetadata.vue
@@ -22,6 +22,7 @@
 				</div>
 			</slot>
 		</div>
+		<hr />
 	</div>
 </template>
 
@@ -41,7 +42,6 @@ defineProps<{
 .beam_metadata {
 	/* margin:3.125rem; */
 	box-sizing: border-box;
-	border: 1px solid black;
 	display: flex;
 	flex-direction: column;
 	max-height: 100vh;
@@ -99,6 +99,14 @@ defineProps<{
 .beam_metadata_components {
 	overflow: scroll;
 }
+hr {
+	display: block;
+	height: 1px;
+	border: 0;
+	border-top: 1px solid var(--sc-row-border-color);
+	margin: 1em 0;
+	padding: 0;
+}
 </style>
 <style>
 .beam_metadata_heading {

diff --git a/common/changes/@stonecrop/beam/fix-beam-metadata-borders_2024-12-05-16-31.json b/common/changes/@stonecrop/beam/fix-beam-metadata-borders_2024-12-05-16-31.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/beam",
+      "comment": "removed borders from metatdata and replzced with horizontal rule",
+      "type": "none"
+    }
+  ],
+  "packageName": "@stonecrop/beam"
+}