different changes;
This commit is contained in:
56
ai_docs/009_fix_main_width.md
Normal file
56
ai_docs/009_fix_main_width.md
Normal file
@@ -0,0 +1,56 @@
|
||||
# Fix main content width on mobile devices
|
||||
|
||||
**Task ID:** 009
|
||||
**Date Created:** 2025-07-08
|
||||
**Author:** Gemini
|
||||
|
||||
---
|
||||
|
||||
## Task Description
|
||||
|
||||
The main content area of the landing page does not extend to the full width of the screen on mobile devices, leaving a white bar on the side. This task is to fix the styling to ensure the main content utilizes the entire screen width.
|
||||
|
||||
---
|
||||
|
||||
## Instructions
|
||||
|
||||
- Identify the CSS rule or element style causing the width issue.
|
||||
- Modify the appropriate CSS file to ensure the main content area spans the full width.
|
||||
- Verify the fix on mobile screen sizes.
|
||||
|
||||
---
|
||||
|
||||
## Input Data
|
||||
|
||||
- Image of the issue: `ai_docs/images/failire_main_not_full_with.png`
|
||||
|
||||
---
|
||||
|
||||
## Expected Output
|
||||
|
||||
- The main content area should be full-width on mobile devices, with no horizontal white space.
|
||||
|
||||
---
|
||||
|
||||
## Constraints & Requirements
|
||||
|
||||
- The fix should not negatively impact the layout on desktop devices.
|
||||
|
||||
---
|
||||
|
||||
## References (Optional)
|
||||
|
||||
- `src/app/layout.tsx`
|
||||
- `src/app/globals.css`
|
||||
|
||||
---
|
||||
|
||||
## Metadata
|
||||
|
||||
| Key | Value |
|
||||
|-----------------|------------------|
|
||||
| Priority | High |
|
||||
| Status | Done |
|
||||
| Tags | CSS, Mobile, Fix |
|
||||
|
||||
---
|
||||
62
ai_docs/010_fix_mobile_view.md
Normal file
62
ai_docs/010_fix_mobile_view.md
Normal file
@@ -0,0 +1,62 @@
|
||||
# Task: Fix Mobile View Issues
|
||||
|
||||
**Task ID:** 010
|
||||
**Date Created:** 2025-07-08
|
||||
**Author:** Gemini
|
||||
|
||||
---
|
||||
|
||||
## Task Description
|
||||
|
||||
The mobile view of the landing page is broken. The body does not have full width, the burger menu is not visible, and the cookie message is cut off. This task is to fix these issues.
|
||||
|
||||
---
|
||||
|
||||
## Instructions
|
||||
|
||||
- Ensure the body has full width in mobile view.
|
||||
- Make the burger menu visible in the upper right corner.
|
||||
- The cookie message should be centered and sticky to the bottom of the displayed page area.
|
||||
|
||||
---
|
||||
|
||||
## Input Data
|
||||
|
||||
- The current state of the landing page codebase.
|
||||
|
||||
---
|
||||
|
||||
## Expected Output
|
||||
|
||||
- A fixed mobile view of the landing page that addresses all the issues mentioned in the task description.
|
||||
|
||||
---
|
||||
|
||||
## Constraints & Requirements
|
||||
|
||||
- The solution should be implemented using Next.js, React, TypeScript, and Tailwind CSS.
|
||||
- The changes should not break the desktop view.
|
||||
|
||||
---
|
||||
|
||||
## System Instructions (Optional)
|
||||
|
||||
> You are an expert assistant. Follow the instructions precisely and provide clear, concise answers.
|
||||
|
||||
---
|
||||
|
||||
## References (Optional)
|
||||
|
||||
- @ai_docs/009_fix_main_width.md
|
||||
|
||||
---
|
||||
|
||||
## Metadata
|
||||
|
||||
| Key | Value |
|
||||
|-----------------|------------------|
|
||||
| Priority | High |
|
||||
| Status | Open |
|
||||
| Tags | bug, mobile, view |
|
||||
|
||||
---
|
||||
BIN
ai_docs/images/failire_main_not_full_with.png
Normal file
BIN
ai_docs/images/failire_main_not_full_with.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Reference in New Issue
Block a user