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
: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) {

View file

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

View file

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