nostr/lume
1
0
Fork 0
mirror of https://github.com/luminous-devs/lume.git synced 2024-09-19 11:43:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix note preview

Browse Source
This commit is contained in:
Ren Amamiya 2023-06-06 08:26:10 +07:00
parent c4bc67410c
commit d0b1353bdf
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/note/components/preview/image.tsx
View File

@ -5,7 +5,7 @@ export function ImagePreview({ urls }: { urls: string[] }) {
<div className="mt-3 overflow-hidden">
<div className="flex flex-col gap-2">
{urls.map((url) => (
<div key={url} className="mr-2 min-w-0 grow-0 shrink-0 basis-full">
<div key={url} className="min-w-0 grow-0 shrink-0 basis-full">
<Image
src={url}
alt="image"

7
src/app/note/components/preview/link.tsx
View File

@ -11,7 +11,12 @@ export function LinkPreview({ urls }: { urls: string[] }) {
{isLoading && !data ? (
<p>Loading...</p>
) : (
<a href={urls[0]} className="flex flex-col">
<a
className="flex flex-col"
href={urls[0]}
target="_blank"
rel="noreferrer"
>
<Image
src={data["og:image"]}
alt={urls[0]}

2
src/renderer/index.css
View File

@ -15,7 +15,7 @@ button {
}
.markdown {
@apply prose prose-zinc max-w-none select-text break-words dark:prose-invert prose-p:m-0 prose-p:leading-tight prose-a:font-normal prose-a:leading-tight prose-a:text-fuchsia-500 hover:prose-a:text-fuchsia-600 prose-ol:mb-1 prose-ul:mb-1 prose-li:leading-tight prose-blockquote:m-0 prose-hr:mx-0 prose-hr:my-2;
@apply prose prose-zinc max-w-none select-text break-words dark:prose-invert prose-p:m-0 prose-p:leading-tight prose-a:font-normal prose-a:leading-tight prose-a:text-fuchsia-500 hover:prose-a:text-fuchsia-600 prose-ol:mb-1 prose-ul:mb-1 prose-li:leading-tight prose-blockquote:m-0 prose-ol:m-0 prose-hr:mx-0 prose-hr:my-2;
}
/* For Webkit-based browsers (Chrome, Safari and Opera) */