Compare commits
No commits in common. "release/0.2" and "v0.2.0" have entirely different histories.
release/0.
...
v0.2.0
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "squidspirit-blog",
|
"name": "squidspirit-blog",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "0.2.2",
|
"version": "0.2.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite dev",
|
"dev": "vite dev",
|
||||||
|
@ -1,6 +1,5 @@
|
|||||||
@import 'tailwindcss';
|
@import 'tailwindcss';
|
||||||
@plugin '@tailwindcss/typography';
|
@plugin '@tailwindcss/typography';
|
||||||
@config "../tailwind.config.js";
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'HackNerdMono';
|
font-family: 'HackNerdMono';
|
||||||
|
@ -5,9 +5,7 @@
|
|||||||
|
|
||||||
const { html }: { html: string } = $props();
|
const { html }: { html: string } = $props();
|
||||||
|
|
||||||
const sanitizedHtml = $derived(
|
const sanitizedHtml = $derived(sanitizeHtml(html));
|
||||||
sanitizeHtml(html, { allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img']) })
|
|
||||||
);
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{@html sanitizedHtml}
|
{@html sanitizedHtml}
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
onMount(() => postBloc.dispatch({ event: PostEventType.PostLoadedEvent, id: id }));
|
onMount(() => postBloc.dispatch({ event: PostEventType.PostLoadedEvent, id: id }));
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<article class="container prose pb-10 prose-gray">
|
<article class="container prose pb-10">
|
||||||
{#if state.data}
|
{#if state.data}
|
||||||
<PostContentHeader postInfo={state.data.info} />
|
<PostContentHeader postInfo={state.data.info} />
|
||||||
<div class="max-w-3xl">
|
<div class="max-w-3xl">
|
||||||
|
@ -34,7 +34,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-y-2.5">
|
<div class="flex flex-col gap-y-2.5">
|
||||||
<PostPreviewLabels labels={postInfo.labels} />
|
<PostPreviewLabels labels={postInfo.labels} />
|
||||||
<span class="line-clamp-1 text-lg font-bold text-gray-800">{postInfo.title}</span>
|
<span class="line-clamp-1 text-lg font-bold">{postInfo.title}</span>
|
||||||
<span class="line-clamp-3 text-justify text-sm">{postInfo.description}</span>
|
<span class="line-clamp-3 text-justify text-sm">{postInfo.description}</span>
|
||||||
<span class="text-sm text-gray-500">{postInfo.formattedPublishedTime}</span>
|
<span class="text-sm text-gray-500">{postInfo.formattedPublishedTime}</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,18 +0,0 @@
|
|||||||
/** @type {import('tailwindcss').Config} */
|
|
||||||
module.exports = {
|
|
||||||
theme: {
|
|
||||||
extend: {
|
|
||||||
typography: () => ({
|
|
||||||
gray: {
|
|
||||||
css: {
|
|
||||||
'--tw-prose-body': 'var(--color-gray-700)',
|
|
||||||
'--tw-prose-headings': 'var(--color-gray-800)',
|
|
||||||
'--tw-prose-links': 'var(--color-gray-800)',
|
|
||||||
'--tw-prose-bold': 'var(--color-gray-800)',
|
|
||||||
'--tw-prose-quotes': 'var(--color-gray-800)'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
Loading…
x
Reference in New Issue
Block a user