gsasansol / GirlScript-Asansol

Github repository for the official website of GirlScript Foundation's Asansol Chapter using Vanilla JS

Home Page:https://girlscript-asansol.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

(1) Material UI for notification bar button class, (2) centre alignment for notif bar components

jayzsh opened this issue · comments

  • Centre all components in the notif. bar. The button looks edgy. Redefine the css to resemble google's Material UI:

Screenshot from 2022-10-05 22-53-45

Material UI button (choose primary):

1cfbjlepc41xy7f4tccp

  • Change bar's background to #00111c
  • & Button colour to #737df1
  • Text can remain white

Can I work on this issue?

@jay-io Can you please add the necessary labels.

@LalitChauhan27 Can you try adding a smooth collapse animation as well?

@LalitChauhan27 Can you try adding a smooth collapse animation as well?

Okay, no problem.

Hey @jay-io, I don't get any resource until now from where I can use google's Material UI buttons in our css file. They all are implemented in java language for andriod apps. Can you please refer me to some resources or you can review the changes I have made until now, from now on I just need to add a smooth collapse animation.
5

@LalitChauhan27 Here you go. Button 61. Keep this on your bookmarks... will always come handy. I think the content is still a little misaligned. Why don't you use a centred div to contain the text and the button?

@LalitChauhan27 Here you go. Button 61. Keep this on your bookmarks... will always come handy. I think the content is still a little misaligned. Why don't you use a centred div to contain the text and the button?

Thanks for the help. I used the div that contains only the text and the button to center the elements. Can you please explain what is missing?

@LalitChauhan27 Let's look at the code in your PR, if you're done.

@LalitChauhan27 Let's look at the code in your PR, if you're done.

Generated a one.