mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-18 19:23:40 +00:00
Tweak background color for image mat
This commit is contained in:
parent
a5acae14e6
commit
482ed81229
@ -232,7 +232,7 @@
|
|||||||
<Modal onEscape={$modal.noEscape ? null : closeModal}>
|
<Modal onEscape={$modal.noEscape ? null : closeModal}>
|
||||||
{#if $modal.type === 'note/detail'}
|
{#if $modal.type === 'note/detail'}
|
||||||
{#key $modal.note.id}
|
{#key $modal.note.id}
|
||||||
<NoteDetail {...$modal} />
|
<NoteDetail {...$modal} invertColors />
|
||||||
{/key}
|
{/key}
|
||||||
{:else if $modal.type === 'note/create'}
|
{:else if $modal.type === 'note/create'}
|
||||||
<NoteCreate pubkey={$modal.pubkey} />
|
<NoteCreate pubkey={$modal.pubkey} />
|
||||||
|
@ -46,7 +46,8 @@
|
|||||||
<Anchor
|
<Anchor
|
||||||
external
|
external
|
||||||
href={url}
|
href={url}
|
||||||
class="relative rounded border border-solid border-medium flex flex-col bg-medium overflow-hidden">
|
style="background-color: rgba(15, 15, 14, 0.5)"
|
||||||
|
class="relative rounded border border-solid border-medium flex flex-col overflow-hidden">
|
||||||
{#if preview.image}
|
{#if preview.image}
|
||||||
<img alt="Link preview" src={preview.image} class="object-center max-h-96 object-contain" />
|
<img alt="Link preview" src={preview.image} class="object-center max-h-96 object-contain" />
|
||||||
{/if}
|
{/if}
|
||||||
|
@ -14,6 +14,7 @@
|
|||||||
|
|
||||||
export let note
|
export let note
|
||||||
export let relays = []
|
export let relays = []
|
||||||
|
export let invertColors = false
|
||||||
|
|
||||||
let found = false
|
let found = false
|
||||||
let loading = true
|
let loading = true
|
||||||
@ -56,7 +57,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{:else if note.pubkey}
|
{:else if note.pubkey}
|
||||||
<div in:fly={{y: 20}} class="flex flex-col gap-4 p-4">
|
<div in:fly={{y: 20}} class="flex flex-col gap-4 p-4">
|
||||||
<Note showContext depth={6} anchorId={note.id} note={asDisplayEvent(note)} />
|
<Note showContext depth={6} anchorId={note.id} note={asDisplayEvent(note)} {invertColors} />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user