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

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

Browse Source
This commit is contained in:
Dicken
2026-06-13 23:17:32 +02:00
parent 666936f45c
commit d29c3b5530
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/index.html
View File

@@ -4,7 +4,7 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="theme-color" content="#0d0d0f"><style>html,body{background:#0d0d0f;margin:0}</style> <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="theme-color" content="#0d0d0f" />
<meta name="mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />

4
frontend/src/App.jsx
View File

@@ -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;height:100%;overflow:hidden;} html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;height:100%;}
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',height:'100%',minHeight:'-webkit-fill-available',background:'#111114'}}> <div style={{display:'flex',flexDirection:'row',height:'100dvh',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);}}

4
frontend/src/tools/nachrichten.jsx
View File

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