different changes;

This commit is contained in:
haidertiz
2025-07-09 13:00:34 +02:00
parent eb0c1ad2bf
commit 89aa678cf8
15 changed files with 294 additions and 22 deletions

View 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 |
---

View 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 |
---

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB