super-productivity/capacitor.config.ts
Billy Jasinski fc5692f7d5
fix: android system status bar and nav bar cover app ui (#6779)
* fix: app covered by android system

the android status bar and nav bar cover app components

* change to capacitor android margins to 'auto'
2026-03-10 15:58:10 +01:00

49 lines
1.3 KiB
TypeScript

import type { CapacitorConfig } from '@capacitor/cli';
const config: CapacitorConfig = {
appId: 'com.super-productivity.app',
appName: 'Super Productivity',
webDir: 'dist/browser',
plugins: {
CapacitorHttp: {
enabled: true,
},
LocalNotifications: {
// Android-specific: small icon for notification
smallIcon: 'ic_stat_sp',
},
Keyboard: {
// Default: resize body (Android)
resize: 'body',
resizeOnFullScreen: true,
},
},
android: {
adjustMarginsForEdgeToEdge: 'auto',
},
ios: {
// Content inset for safe areas (notch, home indicator)
contentInset: 'never',
// Background color for safe areas (home indicator, notch)
// Use dark color to match dark theme (most common on mobile)
backgroundColor: '#131314',
// Allow inline media playback
allowsLinkPreview: true,
// Scroll behavior
scrollEnabled: true,
// iOS-specific plugin overrides
plugins: {
StatusBar: {
overlaysWebView: true,
},
Keyboard: {
// Resize the native WebView when keyboard appears
// This shrinks the viewport so 100vh/100% automatically fits above keyboard
resize: 'native',
resizeOnFullScreen: true,
},
},
},
};
export default config;