defenseunicorns / leapfrogai

Production-ready Generative AI for local, cloud native, airgap, and edge deployments.
https://leapfrog.ai
Apache License 2.0
245 stars 25 forks source link

bug(ui) - "Powered by DU" badge position on small screens (assistant forms) #520

Open andrewrisse opened 1 month ago

andrewrisse commented 1 month ago

Environment

UI Small screen sizes on New/edit Assistant Form

Steps to reproduce

  1. Visit /chat/assistants-management/new
  2. Shrink window
  3. "Powered by DU" Badge floats up and overlaps content

Expected result

Badge should stay fixed to bottom of page (require scroll to go down and see it)

Actual Result

Badge floats up screen and overlaps content

Visual Proof (screens

Screenshot 2024-05-15 at 4 38 08 PM hots, videos, text, etc)

Severity/Priority

Low

andrewrisse commented 3 weeks ago

Fix should be to adjust this override to not use 100vh on smaller screens:

  :global(.bx--content) {
    height: calc(100vh - var(--header-height));
    padding-bottom: 1rem;
  }