-
Notifications
You must be signed in to change notification settings - Fork 25
fix: plain view logo UI #1396
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
fix: plain view logo UI #1396
Conversation
Don't load the plain view logo on `/` routes because it would cause a flickering on regular page reloads.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR fixes UI issues in the plain view layout by preventing logo flickering on root routes and standardizing card styling across plain view pages.
- Prevents loading the plain view logo on
/routes to eliminate flickering during page reloads - Removes the
bg-role-surface-containerclass from card components to use default surface color - Converts the Plain layout component from Options API to Composition API
Reviewed Changes
Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| packages/web-runtime/src/layouts/Plain.vue | Converts to Composition API and adds conditional logo rendering to prevent flickering |
| packages/web-runtime/src/pages/accessDenied.vue | Removes custom background color class from card |
| packages/web-runtime/src/pages/logout.vue | Removes custom background color class from card |
| packages/web-runtime/src/pages/missingOrInvalidConfig.vue | Removes custom background color class from card |
| packages/web-runtime/src/pages/oidcCallback.vue | Removes custom background color class from card |
| packages/web-runtime/src/pages/resolvePrivateLink.vue | Removes custom background color class and refactors card props |
| packages/web-runtime/src/pages/resolvePublicLink.vue | Removes custom background color class from card |
| packages/web-runtime/tests/unit/pages/snapshots/accessDenied.spec.ts.snap | Updates snapshot to reflect background color class removal |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
b7b7a7f to
f054412
Compare
Adjusts the card background color on plain views to the regular surface color to match the default login form.
f054412 to
aee8417
Compare
AlexAndBear
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
thx
/routes because it would cause a flickering on regular page reloads.access-denied.refs #1394