IdeaMap Layout System Test

Content Layout (Default)

Height: 400px, max-width: none, rounded corners, shadow

Slot content for testing
MapLibre | Aluskaart: MaRu

Wide Layout

Height: 500px, max-width: 5xl, responsive margins, rounded corners, shadow

Slot content for testing
MapLibre | Aluskaart: MaRu

Full Layout

Height: 60vh, full viewport width breakout, no rounded corners, shadow

Slot content for testing
MapLibre | Aluskaart: MaRu

Fullscreen Layout

Height: 100%, no container wrapper, no rounded corners, shadow

Slot content for testing
MapLibre | Aluskaart: MaRu

Layout System Test Information

  • Content: 400px height, max-w-none, rounded corners
  • Wide: 500px height, max-w-5xl with responsive margins
  • Full: 60vh height, viewport-width breakout, no rounded corners
  • Fullscreen: 100% height, no wrapper container, no rounded corners
  • All layouts: Support slot content and maintain map functionality