Improve floating window sizing and layout ratios
- Increase overlay window size from 180x100 to 320x280 for better visibility - Adjust portrait layout flex ratios: speed area 65, compass area 32 - Better proportions for overlay and main app interface 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
+4
-4
@@ -230,8 +230,8 @@ class _SpeedometerScreenState extends State<SpeedometerScreen> with WidgetsBindi
|
|||||||
flag: OverlayFlag.defaultFlag,
|
flag: OverlayFlag.defaultFlag,
|
||||||
visibility: NotificationVisibility.visibilityPublic,
|
visibility: NotificationVisibility.visibilityPublic,
|
||||||
positionGravity: PositionGravity.none,
|
positionGravity: PositionGravity.none,
|
||||||
width: 180,
|
width: 320,
|
||||||
height: 100,
|
height: 280,
|
||||||
);
|
);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
print('Error showing floating window: $e');
|
print('Error showing floating window: $e');
|
||||||
@@ -327,7 +327,7 @@ class _SpeedometerScreenState extends State<SpeedometerScreen> with WidgetsBindi
|
|||||||
children: [
|
children: [
|
||||||
// Speed area - takes most space, precise tap targets on text only
|
// Speed area - takes most space, precise tap targets on text only
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 7,
|
flex: 65,
|
||||||
child: Container(
|
child: Container(
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
color: Colors.transparent,
|
color: Colors.transparent,
|
||||||
@@ -382,7 +382,7 @@ class _SpeedometerScreenState extends State<SpeedometerScreen> with WidgetsBindi
|
|||||||
),
|
),
|
||||||
// Compass area - compact but fully tappable for floating window
|
// Compass area - compact but fully tappable for floating window
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 3,
|
flex: 32,
|
||||||
child: GestureDetector(
|
child: GestureDetector(
|
||||||
onTap: _showFloatingWindow, // Tap navigation icon to show floating window
|
onTap: _showFloatingWindow, // Tap navigation icon to show floating window
|
||||||
onLongPress: _closeFloatingWindow, // Long press to close floating window
|
onLongPress: _closeFloatingWindow, // Long press to close floating window
|
||||||
|
|||||||
Reference in New Issue
Block a user