diff options
| author | Xe Iaso <me@xeiaso.net> | 2023-10-12 15:40:10 -0400 |
|---|---|---|
| committer | Xe Iaso <me@xeiaso.net> | 2023-10-12 15:40:10 -0400 |
| commit | 1346fffdd835e2fc2fedb3ee86e11d3b3ec85efe (patch) | |
| tree | e8b211db30e11d37b0ea76f1978b735f96493fae /lume/src/_components | |
| parent | 6f8d93b9d8d8f9168fa0dfb88d755793ff6e770c (diff) | |
| download | xesite-1346fffdd835e2fc2fedb3ee86e11d3b3ec85efe.tar.xz xesite-1346fffdd835e2fc2fedb3ee86e11d3b3ec85efe.zip | |
lume/blog: xesite v4
Signed-off-by: Xe Iaso <me@xeiaso.net>
Diffstat (limited to 'lume/src/_components')
| -rw-r--r-- | lume/src/_components/Figure.tsx | 14 | ||||
| -rw-r--r-- | lume/src/_components/XeblogConv.tsx | 4 |
2 files changed, 14 insertions, 4 deletions
diff --git a/lume/src/_components/Figure.tsx b/lume/src/_components/Figure.tsx index 99dc4e2..ad8d802 100644 --- a/lume/src/_components/Figure.tsx +++ b/lume/src/_components/Figure.tsx @@ -5,10 +5,20 @@ export interface FigureProps { alt?: string; } -export default function Figure({ className, path, alt, desc = alt}: FigureProps) { +export default function Figure( + { className, path, alt, desc = alt }: FigureProps, +) { return ( <figure className={`max-w-3xl mx-auto ${className}`}> - <img src={`https://cdn.xeiaso.net/file/christine-static/${path}`} alt={desc} /> + <a + href={`https://cdn.xeiaso.net/file/christine-static/${path}`} + target="_blank" + > + <img + src={`https://cdn.xeiaso.net/file/christine-static/${path}`} + alt={desc} + /> + </a> {desc && <figcaption>{desc}</figcaption>} </figure> ); diff --git a/lume/src/_components/XeblogConv.tsx b/lume/src/_components/XeblogConv.tsx index f876cd0..c522e45 100644 --- a/lume/src/_components/XeblogConv.tsx +++ b/lume/src/_components/XeblogConv.tsx @@ -13,9 +13,9 @@ const ConvSnippet = ({ name, mood, children, standalone }: XeblogConvProps) => { return ( <> <div className="my-4 flex space-x-4 rounded-md border border-solid border-fg-4 bg-bg-2 p-3 dark:border-fgDark-4 dark:bg-bgDark-2 max-w-full"> - <div className="flex max-h-16 max-w-16 shrink-0 items-center justify-center self-center overflow-hidden rounded-lg bg-gray-200 dark:bg-gray-700"> + <div className="flex max-h-16 shrink-0 items-center justify-center self-center"> <img - style="max-height:4.5rem" + style="max-height:6rem" alt={`${name} is ${mood}`} loading="lazy" src={`https://cdn.xeiaso.net/sticker/${nameLower}/${mood}/${size}`} |