fix: dvh + interactive-widget + minHeight:0 für Tastatur-Layout

This commit is contained in:
2026-06-13 23:17:32 +02:00
parent 666936f45c
commit d29c3b5530
3 changed files with 5 additions and 5 deletions

View File

@@ -3378,14 +3378,14 @@ export default function App() {
<style>{`
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden;}
html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;}
input,textarea,select{-webkit-appearance:none;appearance:none;}
input[type=number]::-webkit-inner-spin-button{opacity:0.25;}
@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;}
select option,textarea{background:#111114;}
`}</style>
<div style={{display:'flex',height:'100%',minHeight:'-webkit-fill-available',background:'#111114'}}>
<div style={{display:'flex',flexDirection:'row',height:'100dvh',background:'#111114'}}>
{!mobile && (
<Sidebar active={active} setActive={setActive} user={user}
onLogout={()=>{localStorage.removeItem('sk_token');setUser(null);}}

View File

@@ -396,7 +396,7 @@ export default function Nachrichten({ toast, mobile, nav }) {
{/* ── Chat ──────────────────────────────────────────────────────── */}
{showChat && (
<div style={{ flex:1, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
<div style={{ flex:1, minHeight:0, display:'flex', flexDirection:'column', overflow:'hidden', minWidth:0 }}>
{!activeUser ? (
<div style={{ flex:1, display:'flex', alignItems:'center', justifyContent:'center',
flexDirection:'column', gap:10 }}>
@@ -449,7 +449,7 @@ export default function Nachrichten({ toast, mobile, nav }) {
</div>
{/* Nachrichten */}
<div style={{ flex:1, overflowY:'auto', padding: mirc ? '0' : '14px',
<div style={{ flex:1, minHeight:0, overflowY:'auto', padding: mirc ? '0' : '14px',
display:'flex', flexDirection:'column', gap: mirc ? 0 : 10,
background: mirc ? '#000' : undefined,
fontFamily: mirc ? "'Courier New', Courier, monospace" : undefined }}>