search

asyncapi / conference-website

Website for the AsyncAPI online conference
https://conference.asyncapi.com
25 stars 100 forks source link

fix: aligned content inside the button #406

Closed Aryan4884 closed 1 month ago

Aryan4884 commented 1 month ago

389

Description

  1. Updated button widths to use min-w-[200px] instead of fixed w-[200px], allowing buttons to expand dynamically when the text length changes while maintaining a minimum width for consistency.

  2. Added flex items-center justify-center to button components to ensure the content inside each button remains centered both vertically and horizontally, providing a consistent look across browsers.

  3. Added padding to buttons to create consistent spacing, preventing text from getting too close to the edges and ensuring a polished, readable design.

  4. Added white-space: nowrap to button text to prevent text from wrapping onto a new line when the content grows longer, preserving the button layout.

  5. Correct Google Fonts Import in global.css: Merged multiple @import statements for Google Fonts into a single import line:

This ensures that fonts are correctly imported across all browsers, resolving the issue of different fonts being used in Chrome and Firefox. Screenshot 2024-10-02 021357

netlify[bot] commented 1 month ago

Deploy Preview for peaceful-ramanujan-288045 ready!

Built without sensitive environment variables

Name Link
Latest commit 0250dd6c1dc67a76011fe332785072828fff2981
Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/66fc5e26944c770008de6f9a
Deploy Preview https://deploy-preview-406--peaceful-ramanujan-288045.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

ashmit-coder commented 1 month ago

Hey @Aryan4884 , there is already a pr for the same issue. Please close this, if the other PR fails to meet the goals do feel free to open a new PR!