CSS compat is hard apparently
All checks were successful
Docker Deploy / build-and-push (push) Successful in 4m9s

This commit is contained in:
2025-07-23 22:48:56 -06:00
parent 1082834f33
commit df8ff3ab20
4 changed files with 24 additions and 19 deletions

View File

@@ -14,7 +14,7 @@ const sortedPosts = posts.sort(
--- ---
<Layout> <Layout>
<div class="min-h-screen p-4 sm:p-8"> <div class="min-h-screen min-w-screen p-4 sm:p-8">
<h1 <h1
class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center" class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
> >
@@ -23,9 +23,7 @@ const sortedPosts = posts.sort(
<div <div
class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto" class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
> >
{sortedPosts.map((post) => ( {sortedPosts.map((post) => <PostCard post={post} />)}
<PostCard post={post} />
))}
</div> </div>
{ {

View File

@@ -5,18 +5,25 @@ import { projects } from "../config/data";
--- ---
<Layout> <Layout>
<div class="min-h-screen p-4 sm:p-8"> <div class="min-h-screen min-w-screen p-4 sm:p-8">
<h1 class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"> <h1
class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
>
Projects Projects
</h1> </h1>
<div class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"> <div
{projects.map((project) => ( class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
<ProjectCard project={project} /> >
))} {projects.map((project) => <ProjectCard project={project} />)}
</div> </div>
{projects.length === 0 && ( {
<p class="text-center text-gray-500 mt-12">No projects available yet. Check back soon!</p> projects.length === 0 && (
)} <p class="text-center text-gray-500 mt-12">
No projects available yet. Check back soon!
</p>
)
}
</div> </div>
</Layout> </Layout>

View File

@@ -5,7 +5,7 @@ import { talks } from "../config/data";
--- ---
<Layout> <Layout>
<div class="min-h-screen p-4 sm:p-8"> <div class="min-h-screen min-w-screen p-4 sm:p-8">
<h1 <h1
class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center" class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
> >

View File

@@ -1,6 +1,7 @@
@import "tailwindcss"; @import "tailwindcss";
@plugin "daisyui"; @plugin "daisyui";
@plugin "@tailwindcss/typography"; @plugin "@tailwindcss/typography";
@plugin "daisyui/theme" { @plugin "daisyui/theme" {
name: "chaoticbisexual"; name: "chaoticbisexual";
default: true; default: true;
@@ -32,6 +33,5 @@
--size-selector: 0.25rem; --size-selector: 0.25rem;
--size-field: 0.25rem; --size-field: 0.25rem;
--border: 1.5px; --border: 1.5px;
--depth: 0; --depth: 1;
--noise: 1; }
}