style(footer): align everything to left

This commit is contained in:
Maze Winther
2025-07-16 22:39:33 +02:00
parent 04a1036770
commit 4851c38e74
+5 -5
View File
@@ -34,15 +34,15 @@ export function Footer() {
<div className="grid grid-cols-1 md:grid-cols-2 gap-12 mb-8"> <div className="grid grid-cols-1 md:grid-cols-2 gap-12 mb-8">
{/* Brand Section */} {/* Brand Section */}
<div className="md:col-span-1 max-w-sm"> <div className="md:col-span-1 max-w-sm">
<div className="flex justify-center md:justify-start items-center gap-2 mb-4"> <div className="flex justify-start items-center gap-2 mb-4">
<Image src="/logo.svg" alt="OpenCut" width={24} height={24} /> <Image src="/logo.svg" alt="OpenCut" width={24} height={24} />
<span className="font-bold text-lg">OpenCut</span> <span className="font-bold text-lg">OpenCut</span>
</div> </div>
<p className="text-sm text-center md:text-left text-muted-foreground mb-5"> <p className="text-sm md:text-left text-muted-foreground mb-5">
The open source video editor that gets the job done. Simple, The open source video editor that gets the job done. Simple,
powerful, and works on any platform. powerful, and works on any platform.
</p> </p>
<div className="flex justify-center md:justify-start gap-3"> <div className="flex justify-start gap-3">
<Link <Link
href="https://github.com/OpenCut-app/OpenCut" href="https://github.com/OpenCut-app/OpenCut"
className="text-muted-foreground hover:text-foreground transition-colors" className="text-muted-foreground hover:text-foreground transition-colors"
@@ -70,7 +70,7 @@ export function Footer() {
</div> </div>
</div> </div>
<div className="flex gap-12 md:justify-end justify-center items-start py-2"> <div className="flex gap-12 justify-start items-start py-2">
<div> <div>
<h3 className="font-semibold text-foreground mb-4">Resources</h3> <h3 className="font-semibold text-foreground mb-4">Resources</h3>
<ul className="space-y-2 text-sm"> <ul className="space-y-2 text-sm">
@@ -129,7 +129,7 @@ export function Footer() {
</div> </div>
{/* Bottom Section */} {/* Bottom Section */}
<div className="pt-2 flex flex-col md:flex-row justify-between items-center gap-4"> <div className="pt-2 flex flex-col md:flex-row justify-between items-start gap-4">
<div className="flex items-center gap-4 text-sm text-muted-foreground"> <div className="flex items-center gap-4 text-sm text-muted-foreground">
<span>© 2025 OpenCut, All Rights Reserved</span> <span>© 2025 OpenCut, All Rights Reserved</span>
</div> </div>