Skip to content

Conversation

w3bdesign
Copy link
Owner

@w3bdesign w3bdesign commented Jan 16, 2025

Fixes #1393

Add global 4px padding for mobile to various components and pages.

  • Header Component

    • Add px-1 class to the outermost div in src/components/Header/Header.component.tsx.
  • Footer Component

    • Add px-1 class to the outermost div in src/components/Footer/Footer.component.tsx.
  • Layout Component

    • Add px-1 class to the outermost div in src/components/Layout/Layout.component.tsx.
  • Mobile Search Component

    • Add px-1 class to the outermost div in src/components/AlgoliaSearch/MobileSearch.component.tsx.
  • Sticky Navigation Component

    • Add px-1 class to the outermost nav in src/components/Footer/Stickynav.component.tsx.
  • Index Page

    • Add px-1 class to the outermost div in src/pages/index.tsx.
  • Checkout Page

    • Add px-1 class to the outermost div in src/pages/kasse.tsx.
  • Products Page

    • Add px-1 class to the outermost div in src/pages/produkter.tsx.

For more details, open the Copilot Workspace session.

Fixes #1393

Add global 4px padding for mobile to various components and pages.

* **Header Component**
  - Add `px-1` class to the outermost `div` in `src/components/Header/Header.component.tsx`.

* **Footer Component**
  - Add `px-1` class to the outermost `div` in `src/components/Footer/Footer.component.tsx`.

* **Layout Component**
  - Add `px-1` class to the outermost `div` in `src/components/Layout/Layout.component.tsx`.

* **Mobile Search Component**
  - Add `px-1` class to the outermost `div` in `src/components/AlgoliaSearch/MobileSearch.component.tsx`.

* **Sticky Navigation Component**
  - Add `px-1` class to the outermost `nav` in `src/components/Footer/Stickynav.component.tsx`.

* **Index Page**
  - Add `px-1` class to the outermost `div` in `src/pages/index.tsx`.

* **Checkout Page**
  - Add `px-1` class to the outermost `div` in `src/pages/kasse.tsx`.

* **Products Page**
  - Add `px-1` class to the outermost `div` in `src/pages/produkter.tsx`.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/w3bdesign/nextjs-woocommerce/issues/1393?shareId=XXXX-XXXX-XXXX-XXXX).
Copy link

vercel bot commented Jan 16, 2025

Deployment failed with the following error:

Resource is limited - try again in 5 hours (more than 100, code: "api-deployments-free-per-day").

Copy link

vercel bot commented Jan 16, 2025

Deployment failed with the following error:

Resource is limited - try again in 3 hours (more than 100, code: "api-deployments-free-per-day").

Copy link

@w3bdesign w3bdesign merged commit 9282d30 into master Jan 16, 2025
4 of 7 checks passed
w3bdesign added a commit that referenced this pull request Jan 16, 2025
This reverts commit 9282d30, reversing
changes made to cb125fd.
@w3bdesign w3bdesign deleted the fix-mobile-padding branch January 16, 2025 18:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Mobile padding
1 participant