diff options
| author | Sahil Sobhani <sahilsobhani4@gmail.com> | 2025-07-16 23:34:20 +0530 |
|---|---|---|
| committer | Sahil Sobhani <sahilsobhani4@gmail.com> | 2025-07-16 23:34:20 +0530 |
| commit | caf6fef3adb0425e3a89ca318136adc3e5f5d17c (patch) | |
| tree | 7bcd2d8719ef702f8988a5919af175129f0bf84d /apps/web/src | |
| parent | da973b2e1e1a7e9573e5c6cad29323e9653dfbf2 (diff) | |
| download | opencut-caf6fef3adb0425e3a89ca318136adc3e5f5d17c.tar.gz | |
Redesigned the footer for mobile devices: UI Changes
Diffstat (limited to 'apps/web/src')
| -rw-r--r-- | apps/web/src/components/footer.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/apps/web/src/components/footer.tsx b/apps/web/src/components/footer.tsx index 81505d4a..731aa2f7 100644 --- a/apps/web/src/components/footer.tsx +++ b/apps/web/src/components/footer.tsx @@ -34,15 +34,15 @@ export function Footer() { <div className="grid grid-cols-1 md:grid-cols-2 gap-12 mb-8"> {/* Brand Section */} <div className="md:col-span-1 max-w-sm"> - <div className="flex items-center gap-2 mb-4"> + <div className="flex justify-center md:justify-start items-center gap-2 mb-4"> <Image src="/logo.svg" alt="OpenCut" width={24} height={24} /> <span className="font-bold text-lg">OpenCut</span> </div> - <p className="text-sm text-muted-foreground mb-5"> + <p className="text-sm text-center md:text-left text-muted-foreground mb-5"> The open source video editor that gets the job done. Simple, powerful, and works on any platform. </p> - <div className="flex gap-3"> + <div className="flex justify-center md:justify-start gap-3"> <Link href="https://github.com/OpenCut-app/OpenCut" className="text-muted-foreground hover:text-foreground transition-colors" @@ -70,7 +70,7 @@ export function Footer() { </div> </div> - <div className="flex gap-12 justify-end items-start py-2"> + <div className="flex gap-12 md:justify-end justify-center items-start py-2"> <div> <h3 className="font-semibold text-foreground mb-4">Resources</h3> <ul className="space-y-2 text-sm"> |