AramJonghu/aramjonghu-site
1
0
Fork 0
mirror of https://git.aramjonghu.dev/AramJonghu/aramjonghu-site.git synced 2026-09-11 17:13:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore(styling): header and footer flexbox styling fix

Browse Source
This commit is contained in:
AramJonghu
2026-08-06 22:43:18 +02:00
parent fec4ed568c
commit 4388242241
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Footer.tsx
+4 -2
View File
@@ -40,11 +40,13 @@ const iconLinks: IconLink[] = [
export default function Footer(): ReactElement { export default function Footer(): ReactElement {
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
const startYear = 2025;
return ( return (
<footer className="bg-ctp-mantle flex flex-col md:flex-row items-center justify-between gap-3 px-4 md:px-24 py-6 border-t border-ctp-lavender-800 mt-10"> <footer className="bg-ctp-mantle flex flex-col md:flex-row items-center justify-around gap-3 px-4 md:px-24 py-6 border-t border-ctp-lavender-800 mt-10">
<p className="text-sm text-ctp-text"> <p className="text-sm text-ctp-text">
&copy; {currentYear} AramJonghu. All rights reserved. &copy; {startYear} - {currentYear} AramJonghu. All rights
reserved.
</p> </p>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{iconLinks.map((icon) => ( {iconLinks.map((icon) => (
frontend/src/components/Header.tsx
+1 -1
View File
@@ -34,7 +34,7 @@ export default function Header({ theme }: HeaderProps) {
}; };
return ( return (
<header className="bg-ctp-mantle flex flex-col md:flex-row justify-between items-start md:items-center px-4 md:px-12 py-4 md:py-6 gap-4 md:gap-6 border-b border-ctp-lavender-800"> <header className="bg-ctp-mantle flex flex-col md:flex-row justify-evenly items-start md:items-center px-4 md:px-12 py-4 md:py-6 gap-4 md:gap-6 border-b border-ctp-lavender-800">
<div className="grid grid-cols-3 items-center w-full md:hidden gap-4"> <div className="grid grid-cols-3 items-center w-full md:hidden gap-4">
<img <img
className="size-16 cursor-pointer justify-self-start" className="size-16 cursor-pointer justify-self-start"