feat(portal): add navbar hover underline

[andrefelipe18]

2026-05-20.17-37-18.mp4

Description

This pull request introduces a new navbar component for the portal module with an animated underline hover effect. The navbar displays navigation links (Comunidade, Sobre, Projetos, Depoimentos, Contato) and a Discord button. The links feature a smooth CSS animation that expands an underline bar on hover and focus states, using Tailwind CSS utilities and CSS custom properties.

References

Related recent changes:

• PR #264: Centralize display timezone config

Dependencies & Requirements

No new dependencies or configuration changes required. The feature uses only existing Tailwind CSS utilities and CSS pseudo-elements.

Contributor Summary

Contributor	Lines Added	Lines Removed	Files Changed
andrefelipe18	43	0	1

Changes Summary

File Path	Change Description
app-modules/portal/resources/views/components/navbar.blade.php	New navbar component with navigation links and animated underline hover effect using after: pseudo-elements with transition animations tied to --primary CSS variable

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository YAML (base), Central YAML (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 5f84d228-494f-4ae6-ba4e-7025ab0ade5b

📥 Commits

Reviewing files that changed from the base of the PR and between c35082e and a304e52.

📒 Files selected for processing (1)

• app-modules/portal/resources/views/components/navbar.blade.php

---

📝 Walkthrough

Walkthrough

The navbar component link styling has been enhanced with an animated underline effect. The anchor element's class attribute was expanded to use Tailwind after:* pseudo-element utilities that create a positioned underline with animated width and background color tied to the --primary CSS variable. The update also includes improved transition, duration, and focus-visible styling to replace the prior simpler hover-only behavior.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: adding a navbar hover underline effect with animated styling and focus-visible behavior.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[gvieira18]

LGTM! 👍🏻

[daisukedd]

LGTM!

[sirelves]

LGTM

[danielhe4rt]

LGTM! Herói NACIONAL!!

[Clintonrocha98]

LGTM!!!!!!!!!

amei esse PR!!!!

[victor-reis-dev]

lgtm

[maysaraujo]

LGTM

[luxu]

LGTM!

[cesarbosqueiro]

LGTM!