geist-org / geist-ui

A design system for building modern websites and applications.

Home Page:https://geist-ui.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

`Page.Footer` has not the same width as the rest of the page

MoritzCooks opened this issue Β· comments

Bug report 🐞

Version & Environment

  • Version of browser: chrome version 120.0.6099.71
  • Version of geist-ui/core: 2.3.8

Expected Behaviour

The behavior I expect is that the Page.Footer is in line with the rest of the page elements like Page.Header and Page.Content.

Actual results (or Errors)

As Page.Footer is positioned absolute the positioning is not the same as for the rest of the page. Can even be tested in the docs. Click on Header & Footer button:
https://geist-ui.dev/en-us/components/page

For demonstration purpose I gave the page a blueish background and the footer element a red background.
image
As you can see the footer is not in line with the rest of the page.