joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update footer layout and add social media links

Browse Source
This commit is contained in:
mauro-balades
2024-09-02 17:32:05 +02:00
parent 046c313373
commit 77d9b49172
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/footer.tsx
View File

@@ -9,7 +9,7 @@ import { Button } from "./ui/button";
export default function Footer() { export default function Footer() {
return ( return (
<div className="font-medium px-10 md:px-0 border-t w-full border-grey py-10 mt-10 flex align-center flex-col"> <div className="font-medium px-10 md:px-0 border-t w-full border-grey py-10 mt-10 flex align-center flex-col">
<div className="flex mx-auto border-b pb-10 justify-between pt-10 w-full lg:!w-2/3"> <div className="flex mx-auto p-10 lg:p-0 border-b pb-10 justify-between pt-10 w-full lg:!w-2/3">
<div className="flex flex-col"> <div className="flex flex-col">
<Logo /> <Logo />
<div className="mt-auto"> <div className="mt-auto">
@@ -28,7 +28,7 @@ export default function Footer() {
</div> </div>
</div> </div>
</div> </div>
<div className="flex flex-col lg:flex-row"> <div className="flex flex-col md:flex-row">
<div> <div>
<h2 className="text-md font-bold opacity-80">Get Started</h2> <h2 className="text-md font-bold opacity-80">Get Started</h2>
<ul className="mt-4 opacity-70 font-normal"> <ul className="mt-4 opacity-70 font-normal">
@@ -49,7 +49,7 @@ export default function Footer() {
</li> </li>
</ul> </ul>
</div> </div>
<div className="lg:ml-24"> <div className="mt-10 md:mt-0 md:ml-12 lg:ml-24">
<h2 className="text-md font-bold opacity-80">Get Help</h2> <h2 className="text-md font-bold opacity-80">Get Help</h2>
<ul className="mt-4 opacity-70 font-normal"> <ul className="mt-4 opacity-70 font-normal">
<li> <li>
@@ -75,7 +75,7 @@ export default function Footer() {
</li> </li>
</ul> </ul>
</div> </div>
<div className="lg:ml-24"> <div className="mt-10 md:mt-0 md:ml-12 lg:ml-24">
<h2 className="text-md font-bold opacity-80">Resources</h2> <h2 className="text-md font-bold opacity-80">Resources</h2>
<ul className="mt-4 opacity-70 font-normal"> <ul className="mt-4 opacity-70 font-normal">
<li> <li>