jeet/grateful-journal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

writing area dynamic for phones

Browse Source
This commit is contained in:
Jeet Debnath
2026-04-21 11:33:01 +05:30
parent 4500fde334
commit 7ddb463b9f
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.css
View File

@@ -5,7 +5,7 @@
============================ */ ============================ */
#root { #root {
width: 100%; width: 100%;
height: 100dvh; height: var(--vh, 100dvh);
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

9
src/main.tsx
View File

@@ -4,6 +4,15 @@ import './index.css'
import App from './App.tsx' import App from './App.tsx'
import { listenForegroundMessages } from './hooks/useReminder' import { listenForegroundMessages } from './hooks/useReminder'
// Keep #root height in sync with the visual viewport (shrinks when keyboard opens)
if (window.visualViewport) {
const setVH = () => {
document.documentElement.style.setProperty('--vh', `${window.visualViewport!.height}px`)
}
window.visualViewport.addEventListener('resize', setVH)
setVH()
}
// Apply saved theme immediately to avoid flash // Apply saved theme immediately to avoid flash
const savedTheme = localStorage.getItem('gj-theme') || 'light' const savedTheme = localStorage.getItem('gj-theme') || 'light'
document.documentElement.setAttribute('data-theme', savedTheme) document.documentElement.setAttribute('data-theme', savedTheme)