mirror of
https://github.com/luminous-devs/lume.git
synced 2024-09-19 19:46:34 +00:00
fix note preview
This commit is contained in:
parent
c4bc67410c
commit
d0b1353bdf
@ -5,7 +5,7 @@ export function ImagePreview({ urls }: { urls: string[] }) {
|
|||||||
<div className="mt-3 overflow-hidden">
|
<div className="mt-3 overflow-hidden">
|
||||||
<div className="flex flex-col gap-2">
|
<div className="flex flex-col gap-2">
|
||||||
{urls.map((url) => (
|
{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
|
<Image
|
||||||
src={url}
|
src={url}
|
||||||
alt="image"
|
alt="image"
|
||||||
|
@ -11,7 +11,12 @@ export function LinkPreview({ urls }: { urls: string[] }) {
|
|||||||
{isLoading && !data ? (
|
{isLoading && !data ? (
|
||||||
<p>Loading...</p>
|
<p>Loading...</p>
|
||||||
) : (
|
) : (
|
||||||
<a href={urls[0]} className="flex flex-col">
|
<a
|
||||||
|
className="flex flex-col"
|
||||||
|
href={urls[0]}
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
>
|
||||||
<Image
|
<Image
|
||||||
src={data["og:image"]}
|
src={data["og:image"]}
|
||||||
alt={urls[0]}
|
alt={urls[0]}
|
||||||
|
@ -15,7 +15,7 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.markdown {
|
.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) */
|
/* For Webkit-based browsers (Chrome, Safari and Opera) */
|
||||||
|
Loading…
Reference in New Issue
Block a user