diff options
| -rwxr-xr-x | bun.lockb | bin | 280702 -> 283475 bytes | |||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | src/components/Guestbook.jsx | 2 | ||||
| -rw-r--r-- | src/pages/blog/[...slug].astro | 9 | ||||
| -rw-r--r-- | src/util.ts | 2 |
5 files changed, 10 insertions, 5 deletions
| Binary files differ diff --git a/package.json b/package.json index f7a01a7..99f9738 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "@iconify-json/fa6-brands": "^1.1.18", "@supabase/supabase-js": "^2.39.3", "astro": "4.3.5", - "astro-icon": "^1.0.2", + "astro-icon": "^1.1.0", "dompurify": "^3.0.8", "markdown-it": "^14.0.0", "marked": "^12.0.0", diff --git a/src/components/Guestbook.jsx b/src/components/Guestbook.jsx index c2df8e2..0e637ab 100644 --- a/src/components/Guestbook.jsx +++ b/src/components/Guestbook.jsx @@ -72,7 +72,7 @@ class Guestbook extends Component { <h1>Message from: {g.name}</h1> <small>{formatDate(g.created_at)}</small> <div dangerouslySetInnerHTML={{__html: sanitizeHtml(g.message)}}/> - {g.website && <a href={g.website} target="_blank">Website</a>} + {g.website && <a href={g.website} target="_blank">My Website</a>} </article> ))} </div> diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro index 86690c6..646dabb 100644 --- a/src/pages/blog/[...slug].astro +++ b/src/pages/blog/[...slug].astro @@ -25,9 +25,14 @@ const { Content } = await entry.render(); </main> </Page> -<style> +<style is:global> img { width: 20%; - height: 50%; + } + + @media (max-width: 768px) { + img { + width: 50%; + } } </style> diff --git a/src/util.ts b/src/util.ts index 0c1cecc..fe01ca5 100644 --- a/src/util.ts +++ b/src/util.ts @@ -1,5 +1,5 @@ // Format date to a string -function formatDate(date: string): string { +function formatDate(date: Date): string { const options: Intl.DateTimeFormatOptions = { year: 'numeric', month: 'long', |