Skip to content

Modernize auth layout to split-screen design#124

Merged
juzaweb merged 1 commit into
masterfrom
modern-auth-split-screen-16197512720905015550
Apr 3, 2026
Merged

Modernize auth layout to split-screen design#124
juzaweb merged 1 commit into
masterfrom
modern-auth-split-screen-16197512720905015550

Conversation

@juzaweb

@juzaweb juzaweb commented Mar 29, 2026

Copy link
Copy Markdown
Owner

This PR addresses the request to modernize the authentication layout ("restyle lại auth layout và các form thành giao diện hiện đại hơn như trong admin"). It refactors the main auth layout (src/resources/views/layouts/auth.blade.php) into a split-screen design, utilizing custom flexbox CSS. The left pane now features a cover image (configurable via setting('auth_image')) with an attractive gradient overlay, while the right pane elegantly centers the authentication form without the legacy AdminLTE .card-outline borders. All auth view templates have been updated to cleanly fit this modern structure.


PR created automatically by Jules for task 16197512720905015550 started by @juzaweb

- updated `auth.blade.php` to use a flexible 2-column split-screen layout similar to modern admin dashboards.
- replaced the old `.login-box-msg` with bold typography.
- removed AdminLTE `.card-outline` and `.card-primary` classes from individual auth forms (`login`, `register`, `forgot-password`, `reset-password`, `verification-notice`) to seamlessly integrate with the new layout style.
- implemented `setting('auth_image')` configuration support for the left-side cover image with a gradient overlay.

Co-authored-by: juzaweb <47020363+juzaweb@users.noreply.github.com>
@google-labs-jules

Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@juzaweb juzaweb merged commit 71f464c into master Apr 3, 2026
8 checks passed
@juzaweb juzaweb deleted the modern-auth-split-screen-16197512720905015550 branch April 3, 2026 03:17
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.

1 participant