Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: format styles with Tailwind Prettier plugin

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/AboutLayout.astro
+2 -2
View File
@@ -19,8 +19,8 @@ const { frontmatter } = Astro.props;
<Header activeNav="about" />
<Breadcrumbs />
<main id="main-content">
<section id="about" class="mb-28 prose max-w-3xl prose-img:border-0">
<h1 class="text-2xl sm:text-3xl tracking-wider">{frontmatter.title}</h1>
<section id="about" class="prose mb-28 max-w-3xl prose-img:border-0">
<h1 class="text-2xl tracking-wider sm:text-3xl">{frontmatter.title}</h1>
<slot />
</section>
</main>
src/layouts/Main.astro
+2 -2
View File
@@ -18,10 +18,10 @@ const { pageTitle, pageDesc } = Astro.props;
<style>
#main-content {
@apply max-w-3xl mx-auto px-4 pb-12 w-full;
@apply mx-auto w-full max-w-3xl px-4 pb-12;
}
#main-content h1 {
@apply font-semibold text-2xl sm:text-3xl;
@apply text-2xl font-semibold sm:text-3xl;
}
#main-content p {
@apply mt-2 mb-6 italic;
src/layouts/PostDetails.astro
+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;
src/layouts/Posts.astro
+2 -2
View File
@@ -66,10 +66,10 @@ const next = pageNum < totalPages ? "" : "disabled";
<style>
.pagination-wrapper {
@apply flex justify-center mt-auto mb-8;
@apply mt-auto mb-8 flex justify-center;
}
.disabled {
@apply opacity-50 hover:text-skin-base group-hover:fill-skin-base pointer-events-none select-none;
@apply pointer-events-none select-none opacity-50 hover:text-skin-base group-hover:fill-skin-base;
}
.disabled-svg {
@apply group-hover:!fill-skin-base;