jleibl/jleibl.net
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update Tailwind CSS and adjust related styles

Browse Source
This commit is contained in:
Jan-Marlon Leibl
2025-03-09 12:39:34 +01:00
parent 29a58817be
commit 0ab11c240c
11 changed files with 59 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/layout/Footer.tsx
View File

@ -3,7 +3,7 @@ import { FadeIn } from '../ui/FadeIn';
export const Footer = () => {
return (
<footer role="contentinfo" className="mt-20 sm:mt-32 theme-bg-gradient border-t theme-border">
<div className="max-w-screen-xl mx-auto px-4 sm:px-8 py-20 sm:py-32">
<div className="max-w-(--breakpoint-xl) mx-auto px-4 sm:px-8 py-20 sm:py-32">
<div className="grid gap-16 sm:gap-24">
<FadeIn>
<div className="text-center space-y-4 sm:space-y-5">

2
src/components/layout/Header.tsx
View File

@ -28,7 +28,7 @@ export const Header = () => {
delay: 0.2
}}
>
<div className="max-w-screen-xl mx-auto">
<div className="max-w-(--breakpoint-xl) mx-auto">
<nav className="py-5 px-6 sm:px-8 flex justify-between items-center font-['DM_Sans']" role="navigation" aria-label="Main navigation">
<div className="flex items-center">
<Link href="/" className="flex items-center gap-2 group" aria-label="Home">

6
src/components/layout/MobileMenu.tsx
View File

@ -48,7 +48,7 @@ export const MobileMenu = () => {
{isOpen && (
<>
<motion.div
className="fixed inset-0 bg-black z-[90]"
className="fixed inset-0 bg-black z-90"
initial={{ opacity: 0 }}
animate={{ opacity: 0.95 }}
exit={{ opacity: 0 }}
@ -58,7 +58,7 @@ export const MobileMenu = () => {
/>
<motion.div
className="fixed top-0 bottom-0 right-0 w-full sm:w-80 z-[100] h-[100dvh]"
className="fixed top-0 bottom-0 right-0 w-full sm:w-80 z-100 h-[100dvh]"
ref={menuRef}
initial={{ x: "100%" }}
animate={{ x: 0 }}
@ -69,7 +69,7 @@ export const MobileMenu = () => {
style={{ backdropFilter: 'blur(16px)', WebkitBackdropFilter: 'blur(16px)' }}>
<motion.button
onClick={() => setIsOpen(false)}
className="absolute top-4 right-4 p-2 theme-accent rounded-lg theme-border z-[110]"
className="absolute top-4 right-4 p-2 theme-accent rounded-lg theme-border z-110"
aria-label="Close menu"
initial={{ opacity: 0, scale: 0.8 }}
animate={{ opacity: 1, scale: 1 }}