Skip to content

Enhanced Spacing for Improved Component Layout#331

Closed
akhilender-bongirwar wants to merge 4 commits into
layer5io:masterfrom
akhilender-bongirwar:master
Closed

Enhanced Spacing for Improved Component Layout#331
akhilender-bongirwar wants to merge 4 commits into
layer5io:masterfrom
akhilender-bongirwar:master

Conversation

@akhilender-bongirwar

Copy link
Copy Markdown
Member

In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components.

Changes Made:

  • Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability.
  • Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance.

These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively.

Resolves Issue: #290

Signed-off-by: Akhilender akhilenderb9@gmail.com

Description

This PR fixes #290

Notes for Reviewers

Signed commits

  • Yes, I signed my commits.

@welcome

welcome Bot commented Aug 29, 2023

Copy link
Copy Markdown

Yay, your first pull request! 👍 A contributor will be by to give feedback soon. In the meantime, please review the Layer5 Community Welcome Guide and sure to join the community Slack.
Be sure to double-check that you have signed your commits. Here are instructions for making signing an implicit activity while peforming a commit.

@netlify

netlify Bot commented Aug 29, 2023

Copy link
Copy Markdown

Website preview ready!

Name Link
🔨 Latest commit 2715cc9
🔍 Latest deploy log https://app.netlify.com/sites/getnighthawk/deploys/64f05fb552f4c20008e229b7
😎 Deploy Preview https://deploy-preview-331--getnighthawk.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.

In response to user feedback, this commit addresses the spacing concerns within the GetNighthawk website's UI. The existing design was visually appealing but lacked sufficient spacing between certain components.

Changes Made:
- Added margin-bottom to the analysis, distribution, and standards-based cards to create a clear distinction between them and improve readability.
- Introduced appropriate spacing between the 'Nighthawk & Meshery' section and the 'Layer 7 Performance Analysis' division to enhance the overall visual balance.

These adjustments have been carefully implemented to maintain the smooth and polished UI while ensuring a more comfortable viewing experience for users. The improved spacing creates a harmonious layout, allowing each component to breathe and stand out effectively.

Resolves Issue: layer5io#290

Signed-off-by: Akhilender akhilenderb9@gmail.com
Signed-off-by: Akhilender <akhilenderb9@gmail.com>
akhilender-bongirwar and others added 3 commits August 30, 2023 13:22
Refactored the CSS code to introduce a custom scrollbar consistent with modern design trends. The new scrollbar design aligns with the desired appearance, replacing the default one.

Changes Made:
- Added custom scrollbar CSS rules.
- Removed the default scrollbar appearance.

These adjustments have been carefully implemented to maintain the smooth
and polished UI.

Resolves Issue: layer5io#327

Signed-off-by: Akhilender <akhilenderb9@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Adding space between the different components on website

1 participant