Skip to content

Commit 2f7bfa5

Browse files
UserIsntAvailableUserIsntAvailable
committed
chore: update deps
Most important was the change to TailwindV4
1 parent 9d32dc3 commit 2f7bfa5

File tree

13 files changed

+1846
-2654
lines changed

13 files changed

+1846
-2654
lines changed

‎astro.config.mjs‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import { defineConfig } from "astro/config";
22
import mdx from "@astrojs/mdx";
33
import sitemap from "@astrojs/sitemap";
4-
import tailwind from "@astrojs/tailwind";
4+
5+
import tailwindcss from "@tailwindcss/vite";
56

67
// https://astro.build/config
78
export default defineConfig({
@@ -10,6 +11,11 @@ export default defineConfig({
1011
theme: "catppuccin-latte",
1112
},
1213
},
14+
1315
site: "https://dennyperez.dev/",
14-
integrations: [mdx(), sitemap(), tailwind()],
16+
integrations: [mdx(), sitemap()],
17+
18+
vite: {
19+
plugins: [tailwindcss()],
20+
},
1521
});

‎package-lock.json‎

Lines changed: 1809 additions & 2614 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,21 +12,21 @@
1212
},
1313
"dependencies": {
1414
"@astrojs/check": "^0.9.4",
15-
"@astrojs/mdx": "^4.0.2",
16-
"@astrojs/rss": "^4.0.10",
17-
"@astrojs/sitemap": "^3.2.1",
18-
"@astrojs/tailwind": "^5.1.3",
19-
"@fontsource/montserrat": "^4.5.14",
20-
"astro": "^5.0.5",
15+
"@astrojs/mdx": "^4.3.4",
16+
"@astrojs/rss": "^4.0.12",
17+
"@astrojs/sitemap": "^3.5.0",
18+
"@fontsource/montserrat": "^5.2.6",
19+
"@tailwindcss/vite": "^4.1.12",
20+
"astro": "^5.13.2",
2121
"clsx": "^2.1.1",
22-
"tailwind-merge": "^2.6.0",
23-
"tailwindcss": "^3.4.13",
22+
"tailwind-merge": "^3.3.1",
23+
"tailwindcss": "^4.1.12",
2424
"toml": "^3.0.0"
2525
},
2626
"devDependencies": {
27-
"@tailwindcss/typography": "^0.5.15",
28-
"prettier": "^3.3.3",
27+
"@tailwindcss/typography": "^0.5.16",
28+
"prettier": "^3.6.2",
2929
"prettier-plugin-astro": "^0.14.1",
30-
"prettier-plugin-tailwindcss": "^0.6.8"
30+
"prettier-plugin-tailwindcss": "^0.6.14"
3131
}
3232
}

‎src/components/Container.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ const { usePy, class: className } = Astro.props;
1111

1212
<div
1313
class={cx([
14-
"container mx-auto max-w-screen-lg px-8 xl:px-5",
14+
"container mx-auto max-w-(--breakpoint-lg) px-8 xl:px-5",
1515
(usePy ?? true) && "py-5 lg:py-8",
1616
className,
1717
])}

‎src/components/Footer.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ const today = new Date();
66
<div class="mb-4 flex justify-center space-x-3">
77
<!-- https://tailwind-elements.com/docs/standard/components/social-buttons/ -->
88
<a
9-
class="flex h-11 w-11 items-center justify-center rounded-full border-2 border-black transition hover:bg-black hover:text-white focus:bg-black focus:text-white"
9+
class="flex h-11 w-11 items-center justify-center rounded-full border-2 transition hover:bg-black hover:text-white focus:bg-black focus:text-white"
1010
href="https://twitter.com/dennyperez18"
1111
aria-label="Twitter Profile"
1212
>
@@ -22,7 +22,7 @@ const today = new Date();
2222
</svg>
2323
</a>
2424
<a
25-
class="flex h-11 w-11 items-center justify-center rounded-full border-2 border-black transition hover:bg-black hover:text-white focus:bg-black focus:text-white"
25+
class="flex h-11 w-11 items-center justify-center rounded-full border-2 transition hover:bg-black hover:text-white focus:bg-black focus:text-white"
2626
href="https://github.com/DennyPerez18"
2727
aria-label="Github Profile"
2828
>
@@ -38,7 +38,7 @@ const today = new Date();
3838
</svg>
3939
</a>
4040
<a
41-
class="flex h-11 w-11 items-center justify-center rounded-full border-2 border-black transition hover:bg-black hover:text-white focus:bg-black focus:text-white"
41+
class="flex h-11 w-11 items-center justify-center rounded-full border-2 transition hover:bg-black hover:text-white focus:bg-black focus:text-white"
4242
href="https://www.linkedin.com/in/dennyperez18/"
4343
aria-label="Linkedin Profile"
4444
>

‎src/components/Header.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ import headerLogo from "../images/headerLogo.png";
3030
<label
3131
for="nav-toggle"
3232
aria-expanded="true"
33-
class="peer-[&:not(:checked)]:hidden sm:hidden"
33+
class="peer-not-checked:hidden sm:hidden"
3434
>
3535
<span class="sr-only">Menu</span>
3636
<!-- material-symbols:close -->

‎src/components/ProjectDesc.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const { project, summarize } = Astro.props;
1515
const { Content } = await project.render();
1616
---
1717

18-
<Container class="max-w-screen-xl" usePy={false}>
18+
<Container class="max-w-(--breakpoint-xl)" usePy={false}>
1919
<div
2020
class={cx([
2121
"prose md:prose-xl md:max-w-full",

‎src/layouts/Base.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ type Props = ComponentProps<typeof Head>;
99

1010
<html lang="es" class="scroll-smooth">
1111
<Head {...Astro.props} />
12-
<body class="flex min-h-[100dvh] flex-col">
12+
<body class="flex min-h-dvh flex-col">
1313
<Header />
1414
<slot />
1515
<Footer />

‎src/pages/index.astro‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,12 @@ import miniAvatar from "../images/miniAvatar.png";
2121

2222
<Base title={SITE_TITLE}>
2323
<main class="flex flex-1 items-center bg-slate-200 text-center">
24-
<Container class="max-w-screen-xl">
24+
<Container class="max-w-(--breakpoint-xl)">
2525
<div
2626
class="grid grid-cols-1 items-center justify-items-center gap-3 lg:grid-cols-2"
2727
>
2828
<Image
29-
class="aspect-square rounded-full object-cover object-[center,10%]"
29+
class="aspect-square rounded-full object-cover object-[center_10%]"
3030
width={500}
3131
src={heroAvatar}
3232
alt="Denny's Image"
@@ -38,11 +38,11 @@ import miniAvatar from "../images/miniAvatar.png";
3838
<p class="mb-3 text-2xl font-light">
3939
QA Analyst - Python Community Manager
4040
</p>
41-
<hr class="mx-16 mb-5 border-black" />
41+
<hr class="mx-16 mb-5" />
4242
<ul class="space-y-5 text-xl">
4343
<li>
4444
<a
45-
class="flex h-20 justify-center rounded-lg border-2 border-black transition hover:bg-white hover:text-black focus:bg-white focus:text-black lg:mx-10"
45+
class="flex h-20 justify-center rounded-lg border-2 transition hover:bg-white hover:text-black focus:bg-white focus:text-black lg:mx-10"
4646
href="/about"
4747
>
4848
<div
@@ -59,7 +59,7 @@ import miniAvatar from "../images/miniAvatar.png";
5959
</li>
6060
<li>
6161
<a
62-
class="flex h-20 justify-center rounded-lg border-2 border-black transition hover:bg-white hover:text-black focus:bg-white focus:text-black lg:mx-10"
62+
class="flex h-20 justify-center rounded-lg border-2 transition hover:bg-white hover:text-black focus:bg-white focus:text-black lg:mx-10"
6363
href="/about#comunidades"
6464
>
6565
<div
@@ -80,7 +80,7 @@ import miniAvatar from "../images/miniAvatar.png";
8080
</li>
8181
<li>
8282
<a
83-
class="flex h-20 justify-center rounded-lg border-2 border-black transition hover:bg-white hover:text-black focus:bg-white focus:text-black lg:mx-10"
83+
class="flex h-20 justify-center rounded-lg border-2 transition hover:bg-white hover:text-black focus:bg-white focus:text-black lg:mx-10"
8484
href="/projects"
8585
>
8686
<div

‎src/pages/projects/[slug]/index.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,13 +56,13 @@ const props = Astro.props;
5656
{props.data.title}
5757
</h1>
5858
<Image
59-
class="mx-auto md:container md:max-w-screen-xl"
59+
class="mx-auto md:container md:max-w-(--breakpoint-xl)"
6060
src={props.data.banner}
6161
alt={props.data.title}
6262
/>
6363
<ProjectDesc project={props} />
6464
</section>
65-
<hr class="mx-auto mt-4 max-w-screen-xl" />
65+
<hr class="mx-auto mt-4 max-w-(--breakpoint-xl)" />
6666
<CardGrid items={props.items} />
6767
</main>
6868
</Base>

0 commit comments

Comments
 (0)