center buttons in div

This commit is contained in:
Troy 2025-01-26 13:48:52 +00:00
parent 31b2a973bc
commit c52e42a57f
Signed by: troy
GPG key ID: DFC06C02ED3B4711
4 changed files with 11 additions and 5 deletions

BIN
bun.lockb

Binary file not shown.

View file

@ -29,9 +29,9 @@
"@iconify-json/mdi": "^1.2.3", "@iconify-json/mdi": "^1.2.3",
"@iconify-json/simple-icons": "^1.2.21", "@iconify-json/simple-icons": "^1.2.21",
"@tailwindcss/typography": "^0.5.16", "@tailwindcss/typography": "^0.5.16",
"@types/node": "^22.10.9", "@types/node": "^22.10.10",
"prettier": "^3.4.2", "prettier": "^3.4.2",
"prettier-plugin-astro": "^0.14.1", "prettier-plugin-astro": "^0.14.1",
"prettier-plugin-tailwindcss": "^0.6.10" "prettier-plugin-tailwindcss": "^0.6.11"
} }
} }

View file

@ -31,7 +31,9 @@ const work = await Promise.all(
<entry.Content /> <entry.Content />
</article> </article>
{entry.data.article ? ( {entry.data.article ? (
<Button href={entry.data.article} link="View project" /> <div class="flex justify-center">
<Button href={entry.data.article} link="View project" />
</div>
) : null} ) : null}
</li> </li>
)) ))

View file

@ -42,7 +42,9 @@ const projects = allProjects
</ol> </ol>
{ {
allProjects.length > HOME.HOMESETTINGS!.NUM_PROJECTS_ON_HOMEPAGE ? ( allProjects.length > HOME.HOMESETTINGS!.NUM_PROJECTS_ON_HOMEPAGE ? (
<Button href="/projects" link="View all" /> <div class="flex justify-center">
<Button href="/projects" link="View all" />
</div>
) : null ) : null
} }
</section> </section>
@ -64,7 +66,9 @@ const projects = allProjects
</ol> </ol>
{ {
allPosts.length > HOME.HOMESETTINGS!.NUM_POSTS_ON_HOMEPAGE ? ( allPosts.length > HOME.HOMESETTINGS!.NUM_POSTS_ON_HOMEPAGE ? (
<Button href="/posts" link="View all" /> <div class="flex justify-center">
<Button href="/posts" link="View all" />
</div>
) : null ) : null
} }
</section> </section>