Clean up URL cards

This commit is contained in:
Justin Edmund 2025-06-13 17:40:55 -04:00
parent b1ddedd586
commit 1f7b388a6c
3 changed files with 18 additions and 10 deletions

View file

@ -308,14 +308,18 @@
// URL Embed styles // URL Embed styles
:global(.url-embed-rendered) { :global(.url-embed-rendered) {
margin: $unit-4x 0; margin: $unit-2x 0;
max-width: 600px; width: 100%;
&:first-child {
margin-top: 0;
}
} }
:global(.url-embed-link) { :global(.url-embed-link) {
display: flex; display: flex;
background: $grey-95; background: $grey-95;
border-radius: 8px; border-radius: $card-corner-radius;
overflow: hidden; overflow: hidden;
border: 1px solid $grey-85; border: 1px solid $grey-85;
text-decoration: none; text-decoration: none;
@ -324,6 +328,7 @@
&:hover { &:hover {
border-color: $grey-60; border-color: $grey-60;
transform: translateY(-1px); transform: translateY(-1px);
text-decoration: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} }
} }
@ -331,15 +336,14 @@
:global(.url-embed-image) { :global(.url-embed-image) {
flex-shrink: 0; flex-shrink: 0;
width: 200px; width: 200px;
height: 150px;
overflow: hidden; overflow: hidden;
background: $grey-90; background: $grey-90;
}
img { :global(.url-embed-image img) {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
}
} }
:global(.url-embed-text) { :global(.url-embed-text) {

View file

@ -38,6 +38,10 @@
export function getContent() { export function getContent() {
return editorRef?.getContent() return editorRef?.getContent()
} }
export function clear() {
editorRef?.clear()
}
</script> </script>
<div class={`case-study-editor-wrapper ${mode} ${className}`}> <div class={`case-study-editor-wrapper ${mode} ${className}`}>

View file

@ -29,7 +29,7 @@
content: [{ type: 'paragraph' }] content: [{ type: 'paragraph' }]
} }
let characterCount = 0 let characterCount = 0
let editorInstance: Editor let editorInstance: CaseStudyEditor
// Essay metadata // Essay metadata
let essayTitle = '' let essayTitle = ''