feat: enhance Liquid Glass design with Apple iOS 26 style back button#3
Open
evan-taylor wants to merge 1 commit intomainfrom
Open
feat: enhance Liquid Glass design with Apple iOS 26 style back button#3evan-taylor wants to merge 1 commit intomainfrom
evan-taylor wants to merge 1 commit intomainfrom
Conversation
- Add glass-button and glass-button-circle classes for circular glass buttons - Update mobile back button to use Liquid Glass styling like iOS Notes app - Enhance all glass effects with subtle gradients and inner highlights - Add radial gradients for realistic light reflection effects - Improve shadow-glass with inset highlights for depth - Add hover and active states for glass buttons - Update glass-border with thinner borders and subtle shadows - Maintain accessibility with reduced motion support Co-Authored-By: Evan Taylor <eltaylor1104@gmail.com>
Contributor
🤖 Devin AI EngineerI'll be helping with this pull request! Here's what you should know: ✅ I will automatically:
Note: I can only respond to comments from users who have write access to this repository. ⚙️ Control Options:
|
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR enhances the Liquid Glass design system to be more realistic and Apple-like, inspired by iOS 26. The main changes are:
.glass-buttonand.glass-button-circlefor reusable glass button styling with hover, active, and dark mode statesLocal Testing Screenshots
Light mode (mobile view):
Dark mode (mobile view):
Review & Testing Checklist for Human
.glass,.glass-strong,.glass-subtle,.glass-floatclasses were modified. Check if any existing UI elements using these classes still look correctRecommended test plan:
Notes
Requested by: Evan Taylor (@evan-taylor)
Link to Devin run: https://app.devin.ai/sessions/80f6ee432c9b4a86aba8acce70ce8e0e
The back icon color changed from the accent gold (#e2a727) to neutral foreground - let me know if you'd prefer to keep the gold color.