Project

General

Profile

Actions

ClientProject #2882

open

ClientProject #2879: [Module] Car details

[FE] Car details ui design

Added by Nazmul Hossain Shovon 8 months ago. Updated 8 months ago.

Status:
In Progress
Priority:
High
Target version:
Start date:
08/14/2025
Due date:
08/15/2025 (about 8 months late)
% Done:

100%

Estimated time:
4:00 h
Spent time:

Description

Description

  • Introduced a new car details UI, including multiple new components under car-details (e.g., Auction, Gallery, DownloadButton, Inquiry, etc.).
  • Added a new test details page at page.tsx.
  • Updated layout.tsx to wrap content with a new LocalStateProvider.
  • Added a components.json config for UI library setup.
  • Made significant improvements to responsiveness and layout for car details components, switching many layouts from lg: (large screens) to md: (medium screens) for better mobile/tablet support.
  • Improved the Inquiry modal's scrollability and usability on smaller screens.
  • Adjusted various flex/grid layouts, spacing, and alignment for better consistency and responsiveness.
  • Added a sample image to image.png for UI demonstration.
Actions #1

Updated by Nazmul Hossain Shovon 8 months ago

  • % Done changed from 0 to 10
Actions #2

Updated by Nazmul Hossain Shovon 8 months ago

  • % Done changed from 10 to 60
Actions #3

Updated by Nazmul Hossain Shovon 8 months ago

  • % Done changed from 60 to 90
Actions #4

Updated by Nazmul Hossain Shovon 8 months ago

  • % Done changed from 90 to 100

ref:
https://github.com/pqsjapan/frontendV1.1/commit/7d9566b1c2bc43c40de856880b3ee9f0c4cad7e2

key changes:

  • Adjusted responsive breakpoints from lg to md across multiple car details components for better tablet/mobile support.
  • Improved layout, alignment, and spacing for mobile and desktop views.
  • Enhanced modal and section containers for better usability and scrolling on smaller screens.
  • Minor tweaks to button alignment, grid layouts, and text alignment for consistency.
Actions #5

Updated by Nazmul Hossain Shovon 8 months ago

  • Subject changed from [FE] car details ui design to [FE] Car details ui design
  • Description updated (diff)
Actions

Also available in: Atom PDF