From 1f7b388a6cefd1063ad9feabb46725bdd82e3f58 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 13 Jun 2025 17:40:55 -0400
Subject: [PATCH] Clean up URL cards

---
 src/lib/components/DynamicPostContent.svelte  | 22 +++++++++++--------
 .../components/admin/CaseStudyEditor.svelte   |  4 ++++
 .../components/admin/UniverseComposer.svelte  |  2 +-
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/DynamicPostContent.svelte b/src/lib/components/DynamicPostContent.svelte
index 9be5984..845599f 100644
--- a/src/lib/components/DynamicPostContent.svelte
+++ b/src/lib/components/DynamicPostContent.svelte
@@ -308,14 +308,18 @@
 
 		// URL Embed styles
 		:global(.url-embed-rendered) {
-			margin: $unit-4x 0;
-			max-width: 600px;
+			margin: $unit-2x 0;
+			width: 100%;
+
+			&:first-child {
+				margin-top: 0;
+			}
 		}
 
 		:global(.url-embed-link) {
 			display: flex;
 			background: $grey-95;
-			border-radius: 8px;
+			border-radius: $card-corner-radius;
 			overflow: hidden;
 			border: 1px solid $grey-85;
 			text-decoration: none;
@@ -324,6 +328,7 @@
 			&:hover {
 				border-color: $grey-60;
 				transform: translateY(-1px);
+				text-decoration: none;
 				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 			}
 		}
@@ -331,15 +336,14 @@
 		:global(.url-embed-image) {
 			flex-shrink: 0;
 			width: 200px;
-			height: 150px;
 			overflow: hidden;
 			background: $grey-90;
+		}
 
-			img {
-				width: 100%;
-				height: 100%;
-				object-fit: cover;
-			}
+		:global(.url-embed-image img) {
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
 		}
 
 		:global(.url-embed-text) {
diff --git a/src/lib/components/admin/CaseStudyEditor.svelte b/src/lib/components/admin/CaseStudyEditor.svelte
index 09aab5a..6f540b8 100644
--- a/src/lib/components/admin/CaseStudyEditor.svelte
+++ b/src/lib/components/admin/CaseStudyEditor.svelte
@@ -38,6 +38,10 @@
 	export function getContent() {
 		return editorRef?.getContent()
 	}
+
+	export function clear() {
+		editorRef?.clear()
+	}
 </script>
 
 <div class={`case-study-editor-wrapper ${mode} ${className}`}>
diff --git a/src/lib/components/admin/UniverseComposer.svelte b/src/lib/components/admin/UniverseComposer.svelte
index 633117f..6bd262e 100644
--- a/src/lib/components/admin/UniverseComposer.svelte
+++ b/src/lib/components/admin/UniverseComposer.svelte
@@ -29,7 +29,7 @@
 		content: [{ type: 'paragraph' }]
 	}
 	let characterCount = 0
-	let editorInstance: Editor
+	let editorInstance: CaseStudyEditor
 
 	// Essay metadata
 	let essayTitle = ''