Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: mobile Tastatur schwarzer Screen - height:100% statt 100vh, minHeight:0 auf main

Browse Source
This commit is contained in:
Dicken
2026-06-13 21:12:56 +02:00
parent 15fe572205
commit 666936f45c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/App.jsx
View File

@@ -3369,7 +3369,7 @@ export default function App() {
const mainStyle = { const mainStyle = {
flex:1, flex:1,
overflowY: 'auto', overflowY: 'auto',
height: '100vh', minHeight: 0, // Wichtig für Flex: verhindert dass Container über Elterngröße wächst
...(mobile ? { paddingBottom:'calc(56px + env(safe-area-inset-bottom, 0px))' } : {}), ...(mobile ? { paddingBottom:'calc(56px + env(safe-area-inset-bottom, 0px))' } : {}),
}; };
@@ -3378,14 +3378,14 @@ export default function App() {
<style>{` <style>{`
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;} html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden;}
input,textarea,select{-webkit-appearance:none;appearance:none;} input,textarea,select{-webkit-appearance:none;appearance:none;}
input[type=number]::-webkit-inner-spin-button{opacity:0.25;} input[type=number]::-webkit-inner-spin-button{opacity:0.25;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;} ::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:2px;}
select option,textarea{background:#111114;} select option,textarea{background:#111114;}
`}</style> `}</style>
<div style={{display:'flex',minHeight:'100vh',background:'#111114'}}> <div style={{display:'flex',height:'100%',minHeight:'-webkit-fill-available',background:'#111114'}}>
{!mobile && ( {!mobile && (
<Sidebar active={active} setActive={setActive} user={user} <Sidebar active={active} setActive={setActive} user={user}
onLogout={()=>{localStorage.removeItem('sk_token');setUser(null);}} onLogout={()=>{localStorage.removeItem('sk_token');setUser(null);}}