theoludwig/.profile
theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-11-03 20:11:30 +01:00
Code Issues Releases Activity

fix: correct responsive for Header Title

Browse Source
This commit is contained in:
Théo LUDWIG 2024-01-28 15:45:45 +01:00
parent 0272cf7080
commit 303b6f3011
Signed by: theoludwig
GPG Key ID: ADFE5A563D718F3B
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/Header/index.tsx
View File

@ -15,7 +15,7 @@ export const Header = (): JSX.Element => {
return ( return (
<header className="sticky top-0 z-50 flex w-full justify-between border-b-2 border-gray-600 bg-white px-6 py-2 dark:border-gray-400 dark:bg-black"> <header className="sticky top-0 z-50 flex w-full justify-between border-b-2 border-gray-600 bg-white px-6 py-2 dark:border-gray-400 dark:bg-black">
<Link href="/"> <Link href="/">
<div className="flex items-center justify-center"> <h1 className="flex items-center justify-center">
<Image <Image
quality={100} quality={100}
className="size-16" className="size-16"
@ -23,10 +23,10 @@ export const Header = (): JSX.Element => {
alt="Théo LUDWIG" alt="Théo LUDWIG"
priority priority
/> />
<strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block sm:text-xl"> <strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark sm:block sm:text-xl">
Théo LUDWIG Théo LUDWIG
</strong> </strong>
</div> </h1>
</Link> </Link>
<div className="flex justify-between"> <div className="flex justify-between">
<div className="flex flex-col items-center justify-center px-6"> <div className="flex flex-col items-center justify-center px-6">

3
tailwind.config.js
View File

@ -8,9 +8,6 @@ const tailwindConfig = {
darkMode: "class", darkMode: "class",
theme: { theme: {
extend: { extend: {
screens: {
xs: "380px",
},
colors: { colors: {
black: "#181818", black: "#181818",
gray: { gray: {