AryanNanda17 / NonStop-Lofi-Vibe-Generator

MIT License
38 stars 23 forks source link

Footer UI improved version #71

Closed AnubhavSingh99 closed 1 month ago

AnubhavSingh99 commented 1 month ago

foooter ui improved
issue #46

Footer UI Improvements Gradient: Modern violet-to-purple background. Grid: Responsive layout for all screens. Typography: Improved fonts for clarity. GitHub: Animated sliding button. Hover: Smooth link animations. Color: Consistent violet-purple theme. Logo: Subtle hover effect. image

Mobile version image image

AryanNanda17 commented 1 month ago

UI is pretty. Good work on that.

Screenshot 2024-10-14 at 9 06 27 PM

remove the white space and newsletter thing. Rest good.

AryanNanda17 commented 1 month ago

put quick links on the right... connect in the middle and adjust left portion accordingly.

AnubhavSingh99 commented 1 month ago

i have fixed this Screenshot from 2024-10-15 16-13-00

AryanNanda17 commented 1 month ago

LGTM! WDYT @ParamThakkar123

AryanNanda17 commented 1 month ago

I was just looking at it and it looks very big... can you decrease the size of all footer components by 30-40%?

ParamThakkar123 commented 1 month ago

This looks great man !!

ParamThakkar123 commented 1 month ago

I was just looking at it and it looks very big... can you decrease the size of all footer components by 30-40%?

Yes @AnubhavSingh99 you can reduce the size when moving to the mobile screen. For desktop it's fine but for mobile I think the footer itself covers the entire viewport 😅

AryanNanda17 commented 1 month ago

@ParamThakkar123, do you think the spacing here looks a bit inconsistent? Like its not uniform?

Screenshot 2024-10-15 at 8 54 24 PM
AryanNanda17 commented 1 month ago

And I think if we reduce size here as well by 20% it would be better, wdyt?

AryanNanda17 commented 1 month ago

In mobile view... you can remove the lo-fi vibe logo from the middle... and centralize quick links

ParamThakkar123 commented 1 month ago

@ParamThakkar123, do you think the spacing here looks a bit inconsistent? Like its not uniform? Screenshot 2024-10-15 at 8 54 24 PM

Yes. This one has some gap in there. Between the image and the actual footer

ParamThakkar123 commented 1 month ago

In mobile view... you can remove the lo-fi vibe logo from the middle... and centralize quick links

Yes

ParamThakkar123 commented 1 month ago

And I think if we reduce size here as well by 20% it would be better, wdyt?

Yeah. 20% is just fine

ParamThakkar123 commented 1 month ago

Overall the footer looks really awesome @AnubhavSingh99 . Just make these minor changes, as described by @AryanNanda17 and we are ready to merge

AnubhavSingh99 commented 1 month ago

image fixed.

ParamThakkar123 commented 1 month ago

Yeah looks pretty cool now.

anuj846k commented 1 month ago

image fixed.

In mobile version only Quick links childs are a little bit more towards right, You can centre align all the footer elements in the footer

AryanNanda17 commented 1 month ago

LGTM!

ParamThakkar123 commented 1 month ago

image fixed.

In mobile version only Quick links childs are a little bit more towards right, You can centre align all the footer elements in the footer

Oh, I didn't notice that ! Thanks for pointing. @AnubhavSingh99 can you please look into that one last thing ?