theoludwig/.profile
theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-08-05 11:38:28 +02: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 (
<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="/">
<div className="flex items-center justify-center">
<h1 className="flex items-center justify-center">
<Image
quality={100}
className="size-16"
@ -23,10 +23,10 @@ export const Header = (): JSX.Element => {
alt="Théo LUDWIG"
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
</strong>
</div>
</h1>
</Link>
<div className="flex justify-between">
<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",
theme: {
extend: {
screens: {
xs: "380px",
},
colors: {
black: "#181818",
gray: {