feat: Home page responsiveness#141
Conversation
✅ Deploy Preview for starkbid ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for starkbid-stable ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
There was a problem hiding this comment.
Undo the changes in this file.
| </tbody> | ||
| </table> | ||
|
|
||
| {/*Mobile view */} |
There was a problem hiding this comment.
Ensure the mobile view is scrollable on x-axis
There was a problem hiding this comment.
For this to be be scrollable in x-axis the table should contain all the table headers but in the figma design the table headers contain only 3 things (#, collection, floor price)
There was a problem hiding this comment.
what was shown in the figma is a mere representation of what a scrollable table should look like, from header to its content. The reason for the header containing only 3 suggests that the entire table is scrollable on the x-axis. If u need help achieving that, try to go the /collections route and take a look at the one done there.
| <Link href={'/auction'} className="absolute bottom-20 left-1/2 transform -translate-x-1/2 border border-soft_grey bg-white text-black px-4 py-2 rounded-md text-sm font-medium z-10 transition-all duration-300 opacity-100 shadow-md hover:bg-gray-100"> | ||
| <Link | ||
| href={"/auction"} | ||
| className="absolute bottom-20 left-1/2 transform -translate-x-1/2 border border-soft_grey bg-white text-black px-4 py-2 rounded-md text-sm font-medium z-10 transition-all duration-300 opacity-100 shadow-md hover:bg-gray-100" |
There was a problem hiding this comment.
on mobile, this looks out of position, reduce font size to xs for smaller screen to ensure inline display.
|
Hello @DioChuks ?? |
|
@YakshitAgarwal no new changes have been added since last week |
|
@DioChuks I have made the required changes way back, I was just waiting for you to clarify the doubt I had regarding the x-axis scrollable table. |
2 participants
Closes #120