From d570b6af9ef62b32b575381e04d69aa38a323e97 Mon Sep 17 00:00:00 2001 From: "mintlify[bot]" <109931778+mintlify[bot]@users.noreply.github.com> Date: Fri, 10 Apr 2026 01:26:31 +0000 Subject: [PATCH] docs: add iPad/Mac wide-screen and orientation support details Generated-By: mintlify-agent --- repositories/d-sports-engage-native.mdx | 10 ++++++++++ repositories/d-sports-engage-native/architecture.mdx | 2 ++ 2 files changed, 12 insertions(+) diff --git a/repositories/d-sports-engage-native.mdx b/repositories/d-sports-engage-native.mdx index e79c1b6..de1c6cb 100644 --- a/repositories/d-sports-engage-native.mdx +++ b/repositories/d-sports-engage-native.mdx @@ -24,6 +24,16 @@ icon: "smartphone" | Navigation | Expo Router | | Package | Bun | +## Supported platforms + +The app runs on iPhone, iPad, Mac (via iPad app), Android phones/tablets, and web. Orientation is not locked to portrait — screens adapt to any orientation and wider viewports using safe-area insets and responsive layout. + +| Setting | Value | +| --- | --- | +| `orientation` | `"default"` (portrait and landscape) | +| `supportsTablet` | `true` | +| `requireFullScreen` | `false` (enables iPad multitasking) | + ## Features - **Wallet** — Tokens, holdings, pack opening, crypto checkout (via PWA backend) diff --git a/repositories/d-sports-engage-native/architecture.mdx b/repositories/d-sports-engage-native/architecture.mdx index af786e3..a63179e 100644 --- a/repositories/d-sports-engage-native/architecture.mdx +++ b/repositories/d-sports-engage-native/architecture.mdx @@ -26,5 +26,7 @@ The native app is structured around Expo Router screens, feature-oriented compon ## Platform-specific behavior - iOS/Android platform differences are handled in native-specific components and runtime checks. +- The app supports iPad and Mac (via iPad app) with `supportsTablet: true` and `requireFullScreen: false`. Orientation is set to `"default"` so the UI adapts to portrait and landscape. +- The `AppScreen` layout wrapper applies safe-area insets (`left`/`right`) so content reflows correctly on wider screens without a fixed `maxWidth`. - Web-target support exists but mobile behavior is primary for interaction and performance design. - Haptics, modal controls, and animation handling are implemented with platform-safe fallbacks.