Clean up URL cards
This commit is contained in:
parent
b1ddedd586
commit
1f7b388a6c
3 changed files with 18 additions and 10 deletions
|
|
@ -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) {
|
||||||
|
|
|
||||||
|
|
@ -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}`}>
|
||||||
|
|
|
||||||
|
|
@ -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 = ''
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue