fix: dvh + interactive-widget + minHeight:0 für Tastatur-Layout
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="theme-color" content="#0d0d0f"><style>html,body{background:#0d0d0f;margin:0}</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content" />
|
||||
<meta name="theme-color" content="#0d0d0f" />
|
||||
<meta name="mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
|
||||
@@ -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);}}
|
||||
|
||||
@@ -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 }}>
|
||||
|
||||
Reference in New Issue
Block a user