style: format styles with Tailwind Prettier plugin

This commit is contained in:
satnaing
2023-01-31 15:53:49 +06:30
parent ca7d9b10e6
commit 1a427285f3
15 changed files with 80 additions and 80 deletions
+5 -5
View File
@@ -22,9 +22,9 @@ const ogUrl = new URL(ogImage ? ogImage : `${title}.svg`, Astro.url.origin)
<Layout title={title} author={author} description={description} ogImage={ogUrl}>
<Header />
<div class="max-w-3xl mx-auto w-full px-2 flex justify-start">
<div class="mx-auto flex w-full max-w-3xl justify-start px-2">
<button
class="mt-8 mb-2 hover:opacity-75 flex focus-outline"
class="focus-outline mt-8 mb-2 flex hover:opacity-75"
onclick="history.back()"
>
<svg xmlns="http://www.w3.org/2000/svg"
@@ -37,7 +37,7 @@ const ogUrl = new URL(ogImage ? ogImage : `${title}.svg`, Astro.url.origin)
<main id="main-content">
<h1 class="post-title">{title}</h1>
<Datetime datetime={pubDatetime} size="lg" className="my-2" />
<article id="article" role="article" class="mx-auto max-w-3xl mt-8 prose">
<article id="article" role="article" class="prose mx-auto mt-8 max-w-3xl">
<Content />
</article>
@@ -50,10 +50,10 @@ const ogUrl = new URL(ogImage ? ogImage : `${title}.svg`, Astro.url.origin)
<style>
main {
@apply max-w-3xl mx-auto px-4 pb-12 w-full;
@apply mx-auto w-full max-w-3xl px-4 pb-12;
}
.post-title {
@apply font-semibold text-2xl text-skin-accent;
@apply text-2xl font-semibold text-skin-accent;
}
.tags-container {
@apply my-8;