Introduced a new `PaperCard` component for consistent and reusable card styling across the app, replacing inline card styles. Added subtle animations and paper edge effects to enhance the visual design and provide a polished user experience. Updated existing components to integrate with the new `PaperCard` while maintaining backward compatibility.
Replaced fine-grained noise patterns with coarser ones to reduce repaints and enhance performance. Disabled `background-attachment: fixed` to avoid scroll lag on mobile devices and ensured smoother scrolling. Also adjusted minor styles for better compatibility and user experience on iOS.
This commit tidies up the styles by improving readability, reformatting inline styles, and introducing consistent spacing. It also includes accessibility improvements such as setting input attributes and fixing iOS-specific issues like input zoom and overflow handling. Small UI adjustments and background behavior fixes enhance the overall user experience.
Introduced a toggle button to reveal or hide the password field for better user experience. Additionally, added a candle glow animation and background layer styling for a more immersive visual appearance. Minor refactoring of related styles was also performed.
The login page has been redesigned to enhance visual appeal and usability. It now features a clean, centered layout, improved styles, and clearer messaging for users. Added a subtle background and animations to create a polished and engaging look.
Refactored background styling logic to ensure consistent rendering on both `html` and `body` elements. Introduced radial gradients and fixed overscroll behavior. Updated `minHeight` property to use `100dvh` for improved viewport handling.
Added custom animations (fadeIn, popIn, and rowPulse) for smoother transitions and visual effect. Integrated Google Fonts to improve typography and updated background design to enrich user experience. Styles were refined for better consistency and responsiveness across elements.
A new modal for help has been implemented to guide users in navigating the app. It includes detailed instructions, explanations for status symbols and note-taking, and is accessible via a new "Help" button in the UI. Styling updates and utility functions for the modal have also been added.
Centralized status symbol and color with helper functions for easier updates and maintenance. Simplified UI by consolidating status columns into a single styled column with dynamic content.
Replaced long-press and multiple buttons with a single click-based cycle for item status changes (unknown → green → red → gray → unknown). Removed redundant code and associated styles for a cleaner and more intuitive user experience.
This update introduces a new "maybe" status for entries, represented by a distinct UI button and background. Additionally, long-press functionality has been implemented, allowing users to toggle the "confirmed" status through prolonged interaction. UI components and styles have been updated to reflect these changes, improving usability.
Updated the UI to change background, text color, and opacity for entries based on their status. This improves visual clarity and user feedback when toggling an entry's crossed-out state.
A modal was implemented to simplify user creation in the Admin Panel. It features a cleaner UI with input fields for email, password, and roles, along with reset and close functionalities. Existing form reset logic was refactored for reuse, and styles were added for the modal.
Implemented an Admin Panel for managing users, including creation and display features. Enhanced the overall UI with a more consistent and polished design, applying a parchment/board game aesthetic and additional layout refinements.
Added a new `/api/` proxy configuration in the Nginx setup to forward requests to the backend service. Adjusted the frontend code to use the new `/api` endpoint, improving flexibility and enabling easier deployment.
Add initial HTML template for the frontend
Introduced a basic `index.html` file for the Cluedo Sheet project. This file sets up the document structure and links the main JavaScript file for rendering.
