[dyad] Rearranged footer layout - wrote 1 file(s)

src/components/footer.tsx

@@ -8,33 +8,35 @@ export function Footer() {
 
   return (
     <footer className="w-full border-t bg-background">
-      <div className="container mx-auto flex h-16 items-center justify-between px-4 md:px-6">
-        <div className="flex items-center gap-4 text-sm text-muted-foreground">
+      <div className="container relative mx-auto flex h-16 items-center justify-between px-4 md:px-6">
+        <div className="text-sm text-muted-foreground">
           <p>© {new Date().getFullYear()} Image Web Exporter</p>
+        </div>
+
+        <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-1">
+          <Button variant="ghost" size="icon" asChild>
+            <Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
+              <Github className="h-4 w-4" />
+            </Link>
+          </Button>
+          <Button variant="ghost" size="icon" asChild>
+            <Link href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
+              <Twitter className="h-4 w-4" />
+            </Link>
+          </Button>
+        </div>
+
+        <div className="flex items-center gap-4 text-sm text-muted-foreground">
           <Link href="/imprint" className="hover:text-primary transition-colors">Imprint</Link>
           <Link href="/privacy" className="hover:text-primary transition-colors">Privacy</Link>
-        </div>
-        <div className="flex items-center gap-4">
           {latestVersion && (
             <Link
               href="/changelog"
-              className="text-sm text-muted-foreground hover:text-primary transition-colors"
+              className="hover:text-primary transition-colors"
             >
               v{latestVersion}
             </Link>
           )}
-          <div className="flex items-center gap-1">
-            <Button variant="ghost" size="icon" asChild>
-              <Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
-                <Github className="h-4 w-4" />
-              </Link>
-            </Button>
-            <Button variant="ghost" size="icon" asChild>
-              <Link href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
-                <Twitter className="h-4 w-4" />
-              </Link>
-            </Button>
-          </div>
         </div>
       </div>
     </footer>