Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: responsive UI and removed bg from header items #146

Open
wants to merge 1 commit into
base: 2025
Choose a base branch
from

Conversation

404answernotfound
Copy link
Member

@404answernotfound 404answernotfound commented Dec 20, 2024

-refactor: better responsive UI for home and header items

Screenshot 2024-12-20 at 22 58 52

πŸ”— Linked issue

❓ Type of change

  • πŸ“– Documentation (updates to the documentation, readme or JSdoc annotations)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality like performance)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

  • Refactored responsive UI for small/mid screens (tablets) for homepage
  • Removed white background to buttons in header

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

Copy link

netlify bot commented Dec 20, 2024

❌ Deploy Preview for suspicious-boyd-b429fe failed. Why did it fail? β†’

Name Link
πŸ”¨ Latest commit 25874e9
πŸ” Latest deploy log https://app.netlify.com/sites/suspicious-boyd-b429fe/deploys/6765e76ba223ed0008b9d860

@404answernotfound 404answernotfound changed the base branch from main to 2025 December 20, 2024 21:54
@@ -35,7 +35,7 @@ NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
const NavigationMenuItem = NavigationMenuPrimitive.Item

const navigationMenuTriggerStyle = cva(
"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is the class that would add a white background to the header buttons which doesn't make a lot of sense stylistically

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Background is an intended behaviour, see #145 (comment)

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.

2 participants