divyansh-2005 / my-calendar-app

My Calendar App is a full-stack application designed to help users manage their schedules, expenses, todos, and notes all in one place. The app provides a seamless and intuitive user interface for efficient day-to-day management and includes robust backend support for secure data handling and user authentication.
https://my-calendar-app-phi.vercel.app
22 stars 51 forks source link

Improve the Add Todo and Total Expenses form #13

Closed RchtDshr closed 1 month ago

RchtDshr commented 1 month ago

The input fields on the website are spread across the full screen width, even when zooming in or out. This makes it difficult for users to interact with the form and ruins the UI. Additionally, there is no placeholder text in the input fields, and the title for which date todo is being added is not highlighted or clearly visible.

Steps to reproduce the behavior:

  1. Go to the webpage, click on a specific date for which todo is to be added and click on Total To-Do.
  2. Observe that the input fields cover the full width of the screen, regardless of zoom level.
  3. Zoom in or zoom out on the page.
  4. Notice the absence of placeholder text in the input fields and the lack of emphasis on the title.

Expected behavior The input fields should have a max width to prevent them from stretching across the entire screen width. There should also be placeholder text in the input fields for clarity. The title of the todo being added should be of larger font size and bold. Please assign me this issue to get the expected behavior.

Screenshots Screenshot 2024-10-02 205355 Screenshot 2024-10-02 205427

Checklist