feat(ui): redesign auth pages and enhance glassmorphism UI system#431
Closed
shyam-medh wants to merge 1 commit into
Closed
feat(ui): redesign auth pages and enhance glassmorphism UI system#431shyam-medh wants to merge 1 commit into
shyam-medh wants to merge 1 commit into
Conversation
- Redesign Login and Signup pages with glassmorphism card layout matching the dashboard aesthetic (glass-panel card, frosted inputs, DailyForge logo pill, loading states, and inline error display) - Add full-screen app-bg wrapper to auth pages so the green background and blur effects are visible behind the glass card - Extend index.css glassmorphism token system with additional utility classes (glass-cell, glass-pill) and animation stagger helpers - Enhance Navbar with scroll-aware backdrop-blur transition and improved active nav link glass-pill indicator - Improve RoutineBuilder: add routine editing (load/update/delete), editable name and description fields in the save modal, and inline task editing within the weekly grid - Add bulk delete selection UI to Tasks page with checkbox-based multi-select and delete selected button - Update DashboardTasks, StatCard, TaskPreview, TaskFormModal, TaskItem, TaskLibrary, WeeklyGrid, and EmptyState components with consistent glass-cell and glass-panel styling tokens
1 task
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
2 participants
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.
📖 PR Summary
Implemented a comprehensive UI overhaul featuring an authentic iOS-style glassmorphism aesthetic across the authentication pages and core dashboard components. Additionally, introduced significant functional enhancements to the Routine Builder and Tasks management features, improving overall user experience and workflow efficiency.
🔗 Related Issue
Closes #[Insert Issue Number Here]
🚀 PR Type
[ ] 🐛 Bug Fix
[✔️] ✨ New Feature / Enhancement
[✔️] 🎨 UI / UX Improvement
[✔️] ♻️ Refactor / Code Quality
📂 Area Changed
[✔️]frontend/src/pages/ — Auth pages and core dashboard views
[✔️]frontend/src/components/ — Shared UI, task, and routine components
[✔️]frontend/src/index.css — Core design tokens and CSS utilities
[ ] backend/ — Node.js / Express Backend
📝 What Was Done
UI & Glassmorphism System Refactor:
index.cssglass tokens to match Apple's material design system (utilizingblur(20px), realistic 72% white opacity fills, 1px top-edge white highlights, and clean neutral drop-shadows instead of tinted ones).Login.jsxandSignup.jsxfrom plain solid backgrounds to premiumglass-panelcards with frostedglass-inputfields, complete with loading states and inline error displays.glass-pillstyling for active navigation links.StatCard,DashboardTasks,TaskPreview,EmptyState) to utilize the newglass-cellandglass-panelutility classes for a cohesive aesthetic.Feature Enhancements:
🚀 Production Deployment Instructions for Maintainers
📸 Screenshots / Demo
Sign Up Page:
Login Page:
DashBoard:
Task:
Routine Builder:
✅ Contributor Checklist
[ ] My PR has a linked issue (see above)
[✔️] I have pulled the latest main and rebased/merged before this PR (Successfully rebased on
upstream/mainto resolve merge conflicts)[✔️] I ran
npm run devin the frontend — no build errors or hydration issues[ ] Screenshots/test output added
[✔️] I have performed a self-review of my own code
🎓 GSSoC 2026
[✔️] I am a GSSoC 2026 participant