Maakaf / maakaf-website

The official website of 'Maakaf' community
https://maakaf-website.vercel.app
MIT License
20 stars 54 forks source link

Fixing Navbar "Language" button #300

Open EfiGelfi opened 3 months ago

EfiGelfi commented 3 months ago

What would you like to share?

Currently the language button is just a flag.

The needed changes are:

  1. Delete the effect that makes the flag grow please:)
  2. Add 2 letters for each language, to match the flag- EN (English) , HE (Hebrew)
  3. Add a 1px border, with padding of 14px bottom and up, and 20px from the sides.
  4. Border color is purple 500 (#6366F1) for dark mode& light mode. Dark mode backgrounds: Grey 900 (#020616 ) for the default bg color. Grey 800 (#0F1729) for the hover state bg color. Light mode backgrounds: Grey 050 (#F8FAFC ) for the default bg color. Grey 100 (#E0E7FF) for the hover state bg color.
  5. Border radius- 10
Screenshot 2024-06-09 at 4 34 27 PM

Additional information

No response