pac7
1eb35bce2e
Update user icon to open a menu with login or register options
...
Refactors the user icon component in `enhanced_header.html` to use Alpine.js for toggling a dropdown menu, displaying either user profile information or a login/register prompt.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d2cd90dd-df0e-4a8a-b6ca-d9a6c16df62b
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/d2cd90dd-df0e-4a8a-b6ca-d9a6c16df62b/1S0572H
2025-09-22 00:15:15 +00:00
pac7
562126a3a1
Adjust header layout and enhance user authentication display
...
Modify backend/templates/components/layout/enhanced_header.html to refine header spacing, integrate theme toggle directly into the button element, and update user icon display logic, including handling unauthenticated users with a modal trigger.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d2cd90dd-df0e-4a8a-b6ca-d9a6c16df62b
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/d2cd90dd-df0e-4a8a-b6ca-d9a6c16df62b/UUJxFqQ
2025-09-22 00:15:15 +00:00
pac7
7fe9279d67
Restored to 'acd03ff56ba593217c7983ed5541275257390f84'
...
Replit-Restored-To: acd03ff56ba593217c7983ed5541275257390f84
2025-09-22 00:15:15 +00:00
pac7
f812a65271
Adjust spacing and size for search bar and theme toggle
...
Update `enhanced_header.html` to adjust gap between elements and the width of the search input.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/dcfff319-6e91-4220-98a9-8295b87755b7/6piZjaF
2025-09-22 00:15:15 +00:00
pac7
ac344aea92
Adjust header layout to place search between other navigation elements
...
Repositions the search bar within the header to prevent overlap with other buttons, specifically placing it between the browse menu and sign-in options in the enhanced header component.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/dcfff319-6e91-4220-98a9-8295b87755b7/ol0seac
2025-09-22 00:15:15 +00:00
pac7
06bd7a8bdf
Align header elements and improve search bar responsiveness
...
Update the header layout to use flexbox for better alignment and adjust the search bar to be responsive across different screen sizes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/dcfff319-6e91-4220-98a9-8295b87755b7/bWnWnhe
2025-09-22 00:15:15 +00:00
pac7
62900d47bd
Improve header layout and search bar functionality
...
Adjust header grid layout, center the search bar, increase its size, and update button sizes to resolve overlapping issues and improve usability.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/dcfff319-6e91-4220-98a9-8295b87755b7/m0pCFEo
2025-09-22 00:15:15 +00:00
pac7
ac1ec18bb8
Replace component includes with new custom elements for consistency
...
Replaces Django template includes with custom HTML elements like `<c-button>` and `<c-auth_modal>` across various templates, ensuring consistent component usage and improving maintainability. This change also includes updates to URL routing for component testing compatibility and a visual regression report confirming no design changes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
2025-09-22 00:15:15 +00:00
pac7
3896dcedcf
Make login and join buttons larger on mobile devices
...
Update size attribute for login and join buttons in enhanced_header.html from 'sm' to 'default' to increase touch target size on mobile.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8c9d0d4b-ca6f-406f-bbbe-b9c86b7a6f6e
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/8c9d0d4b-ca6f-406f-bbbe-b9c86b7a6f6e/dTiRCJZ
2025-09-22 00:15:15 +00:00
pac7
988c2b2f06
Restored to '20442f595c8df2c8347249ade7f015b7ae566474'
...
Replit-Restored-To: 20442f595c8df2c8347249ade7f015b7ae566474
2025-09-22 00:15:15 +00:00
pac7
052a447bd7
Fix issue where sign in and join buttons do not open modal
...
Adjusted button classes in enhanced_header.html to restore functionality for the sign in and join modals on mobile devices.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 495199c6-aa06-48cd-8c40-9cccf398cfcf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/495199c6-aa06-48cd-8c40-9cccf398cfcf/1ZIa3iA
2025-09-22 00:15:15 +00:00
pac7
e47c679bc0
Make sign in and join buttons larger for better visibility
...
Update enhanced_header.html to increase the size of the sign in and join buttons by modifying their classes and structure.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 495199c6-aa06-48cd-8c40-9cccf398cfcf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/495199c6-aa06-48cd-8c40-9cccf398cfcf/qziTztD
2025-09-22 00:15:15 +00:00
pac7
a28272c784
Improve mobile search bar functionality and appearance
...
Update backend/templates/components/layout/enhanced_header.html to refactor the mobile search bar, changing its layout to a flex container with a more streamlined input field and search button.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 495199c6-aa06-48cd-8c40-9cccf398cfcf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/495199c6-aa06-48cd-8c40-9cccf398cfcf/A3y85IP
2025-09-22 00:15:15 +00:00
pac7
c00d20cc4c
Fix search bar width on mobile devices
...
Adjusted the `max-w-full` class and search input padding in `enhanced_header.html` to ensure the mobile search bar fits within the screen width.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 495199c6-aa06-48cd-8c40-9cccf398cfcf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/495199c6-aa06-48cd-8c40-9cccf398cfcf/vWva8Z0
2025-09-22 00:15:15 +00:00
pac7
3cad7c5641
Restored to 'ba32d51b3eb6866667ec8382daca17202cf7da86'
...
Replit-Restored-To: ba32d51b3eb6866667ec8382daca17202cf7da86
2025-09-22 00:15:15 +00:00
pac7
c8c871128e
Adjust header layout for better mobile experience and search button appearance
...
Update header component to horizontally align auth buttons on mobile using flexbox and adjust search button padding.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/J0JYsVM
2025-09-22 00:15:15 +00:00
pac7
fc605715d3
Update components to use new UI elements and theme colors
...
Refactors various HTML components to use new UI button and input elements, and updates styling to integrate with the existing theme, including dark mode.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/tFmNsk5
2025-09-22 00:15:15 +00:00
pac7
cc914a1ca3
Improve the appearance and functionality of mobile authentication and search buttons
...
Redesign mobile view authentication buttons and header search bar in enhanced_header.html, addressing display issues and improving user experience with theme-agnostic styling.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/JMGFpIL
2025-09-22 00:15:14 +00:00
pac7
3ee3138055
Improve navigation and button display for better user experience
...
Update enhanced_header.html to hide login buttons on smaller screens and adjust button component logic.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/J8gXd5P
2025-09-22 00:15:14 +00:00
pac7
a2501562a8
Improve header navigation and user account access for mobile
...
Update `enhanced_header.html` to conditionally render mobile navigation links for login and signup based on user authentication status. Adjustments made to `.hidden md:flex` and `.md:hidden` classes for proper display. Additionally, modify `button.html` component to provide default empty strings for `x_data` and `x_on` attributes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/W8ptmMg
2025-09-22 00:15:14 +00:00
pac7
0cf6805c18
Update website to use new reusable components for common elements
...
Refactor HTML templates to incorporate Django Cotton components for buttons, forms, and other UI elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/55dLPZG
2025-09-22 00:15:14 +00:00
pac7
1208af9696
Update Alpine.js components to use standalone instances
...
Correctly initialize Alpine.js components by removing unnecessary function calls, ensuring proper scope and state management for UI elements like modals, search, theme toggles, and forms.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/cGHPY6T
2025-09-22 00:15:14 +00:00
pacnpal
540f40e689
Revert "update"
...
This reverts commit 75cc618c2b
2025-09-21 20:11:00 -04:00
pacnpal
75cc618c2b
update
2025-09-21 20:04:42 -04:00
pacnpal
42a3dc7637
feat: Implement UI components for Django templates
...
- Added Button component with various styles and sizes.
- Introduced Card component for displaying content with titles and descriptions.
- Created Input component for form fields with support for various attributes.
- Developed Toast Notification Container for displaying alerts and messages.
- Designed pages for listing designers and operators with pagination and responsive layout.
- Documented frontend migration from React to HTMX + Alpine.js, detailing component usage and integration.
2025-09-19 19:04:37 -04:00
