summaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorJoão Augusto Costa Branco Marado Torres <torres.dev@disroot.org>2025-06-28 22:47:26 -0300
committerJoão Augusto Costa Branco Marado Torres <torres.dev@disroot.org>2025-06-28 22:47:26 -0300
commit748149806d5b415e4b9343ae5c4a04523f61be22 (patch)
tree31c1e2011466c1008b08cb4830d83e5f9e6a39d5 /src/components
parent12227e4a8b4fd22b663f839142bc0bc994b0543b (diff)
fix: html errors
Diffstat (limited to 'src/components')
-rw-r--r--src/components/organisms/Date.astro2
-rw-r--r--src/components/templates/MicroBlog.astro22
2 files changed, 11 insertions, 13 deletions
diff --git a/src/components/organisms/Date.astro b/src/components/organisms/Date.astro
index a8b643d..c1ec7e5 100644
--- a/src/components/organisms/Date.astro
+++ b/src/components/organisms/Date.astro
@@ -11,4 +11,4 @@ const datetime = date.toISOString();
const format = new Intl.DateTimeFormat(locales, options).format(date);
---
-<date {datetime}>{format}</date>
+<time {datetime}>{format}</time>
diff --git a/src/components/templates/MicroBlog.astro b/src/components/templates/MicroBlog.astro
index b7019c5..c16155e 100644
--- a/src/components/templates/MicroBlog.astro
+++ b/src/components/templates/MicroBlog.astro
@@ -37,12 +37,12 @@ const little = ((first?.[0] ?? "") + (last?.[0] ?? "")).slice(0, 2);
/></small>
</div>
</header>
- <div class="content">
- <small {lang}>
+ <div class="content small">
+ <div {lang}>
<Fragment set:html={rendered?.html} />
- </small>
+ </div>
<footer>
- <div class="keywords small"><KeywordsList {keywords} /></div>
+ <div class="keywords"><KeywordsList {keywords} /></div>
</footer>
</div>
<aside>
@@ -50,14 +50,6 @@ const little = ((first?.[0] ?? "") + (last?.[0] ?? "")).slice(0, 2);
</aside>
</article>
-<style is:inline>
- .content > [lang] > *:first-child {
- margin-block-start: 0;
- }
- .content > [lang] > *:last-child {
- margin-block-end: 0;
- }
-</style>
<style>
article {
border-radius: calc(var(--size-1) * 1em);
@@ -106,6 +98,12 @@ const little = ((first?.[0] ?? "") + (last?.[0] ?? "")).slice(0, 2);
.content {
grid-row: 2/3;
grid-column: 2 / 3;
+ & > [lang] > :global(*:first-child) {
+ margin-block-start: 0;
+ }
+ & > [lang] > :global(*:last-child) {
+ margin-block-end: 0;
+ }
}
.keywords {