Skip to content

fix layout issues and complete remaining UI integrations

AYYILDIZ YIGIT requested to merge feature/login-ui-yigit into develop

📌 Description

This merge request finalizes the integration of the remaining UI screens and fixes layout issues that were creating white space at the bottom of some pages.

The main fixes include:

  • Corrected layout inconsistencies across multiple pages
  • Replaced size-full with w-full min-h-screen where necessary
  • Added a global layout container to stabilize page rendering
  • Ensured all pages render correctly within the viewport
  • Integrated remaining UI screens with the routing system
  • Updated Tailwind configuration and styles structure

After these changes, all screens render correctly and the application layout is consistent.

🔗 Issue link

N/A

✅ Type of change

  • Fix (bug fix)
  • Feature (new functionality)
  • Refactor (no functional change)
  • Docs (documentation)
  • Chore (technical maintenance)
  • Hotfix (urgent)

🧪 How to test

  1. Run the frontend locally:

    npm install
npm run dev

  2. Verify that the following routes load correctly without layout issues:

    • /
    • /login
    • /register
    • /lobby
    • /bot-configuration
    • /waiting-room
    • /game
    • /game-deal
    • /results
    • /profile
    • /friends
    • /edit-profile
    • /tutorial-lobby
    • /tutorial-game

  3. Confirm that no page shows white space at the bottom and that the layout fills the viewport.

✔ Checklist

  • Code compiles successfully
  • Build passes
  • Layout tested on all main screens
  • Unit tests added/updated (not applicable)

Merge request reports