diff --git a/android/src/workspace/tiles/DesktopTile.tsx b/android/src/workspace/tiles/DesktopTile.tsx index 494d0a0..3ed2959 100644 --- a/android/src/workspace/tiles/DesktopTile.tsx +++ b/android/src/workspace/tiles/DesktopTile.tsx @@ -71,21 +71,6 @@ const DesktopTile: React.FC = ({ projectId, focused }) => { ); } - // Verbunden → noVNC-Ansicht der VM + Zurück-Leiste. - if (connected) { - return ( - - - setConnected(null)} style={styles.barBtn}> - ‹ VMs - - {connected.name} · :{connected.vnc_display} - - - - ); - } - return ( @@ -157,6 +142,18 @@ const DesktopTile: React.FC = ({ projectId, focused }) => { Tippen zum Schließen + + {/* Vollbild-VNC — randlos ueber das ganze Display (Header + Dock weg). */} + {connected && ( + setConnected(null)} supportedOrientations={['portrait', 'landscape']}> + + + setConnected(null)} activeOpacity={0.8}> + ‹ VMs + + + + )} ); }; @@ -180,6 +177,9 @@ const styles = StyleSheet.create({ vmBtns: { flexDirection: 'row', gap: 6, alignItems: 'center' }, vmBtn: { borderWidth: 1, borderRadius: 8, paddingHorizontal: 10, paddingVertical: 6, minWidth: 34, alignItems: 'center' }, vmBtnText: { fontSize: 12, fontWeight: '700' }, + fs: { flex: 1, backgroundColor: '#000000' }, + fsBack: { position: 'absolute', top: 34, left: 10, backgroundColor: 'rgba(18,18,42,0.9)', borderColor: '#2A2A3E', borderWidth: 1, borderRadius: 10, paddingHorizontal: 12, paddingVertical: 7 }, + fsBackText: { color: '#0096FF', fontSize: 14, fontWeight: '700' }, shotOverlay: { flex: 1, backgroundColor: 'rgba(0,0,0,0.92)', alignItems: 'center', justifyContent: 'center', padding: 12 }, shotTitle: { color: '#E0E0F0', fontSize: 14, fontWeight: '700', marginBottom: 10 }, shotImg: { width: '100%', height: '78%', backgroundColor: '#000' }, diff --git a/android/src/workspace/tiles/VncTile.tsx b/android/src/workspace/tiles/VncTile.tsx index eefad01..2538b6f 100644 --- a/android/src/workspace/tiles/VncTile.tsx +++ b/android/src/workspace/tiles/VncTile.tsx @@ -119,7 +119,7 @@ const styles = StyleSheet.create({ sub: { color: '#9090B0', fontSize: 14, marginTop: 8 }, ctlBar: { position: 'absolute', - top: 8, + top: 34, right: 8, flexDirection: 'row', gap: 6,