d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2025-12-15 04:59:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix : mobile issues and git diff in the git panel

Browse Source
This commit is contained in:
simos
2025-09-15 20:57:49 +00:00
parent fb1117a999
commit 79981693f3
6 changed files with 84 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/index.css
View File

@@ -124,18 +124,32 @@
}
/* PWA mode detected by JavaScript - more reliable */
html.pwa-mode,
body.pwa-mode {
height: 100%;
overflow: hidden;
background-color: rgb(255 255 255); /* white - same as bg-white for safe area */
}
body.pwa-mode #root {
padding-top: calc(env(safe-area-inset-top, 0px) + 20px);
padding-top: calc(env(safe-area-inset-top, 0px) + 8px);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
height: 100vh;
overflow: hidden;
}
/* iOS specific PWA adjustments */
@supports (-webkit-touch-callout: none) {
body.pwa-mode #root {
/* iOS status bar is typically 20-44px */
padding-top: max(env(safe-area-inset-top, 44px), 44px);
}
/* Adjust fixed inset positioning in PWA mode */
body.pwa-mode .fixed.inset-0 {
top: calc(env(safe-area-inset-top, 0px) + 8px);
left: env(safe-area-inset-left);
right: env(safe-area-inset-right);
bottom: 0;
}
/* Dark mode safe area background */
html.dark body.pwa-mode {
background-color: rgb(31 41 55); /* gray-800 - matches header color */
}
/* Global transition defaults */
@@ -635,7 +649,15 @@
/* When PWA mode is detected by JavaScript */
body.pwa-mode .pwa-header-safe {
/* Reset padding since #root already handles safe area */
padding-top: 12px;
padding-top: 0px !important;
}
/* For mobile PWA, ensure proper header spacing */
@media screen and (max-width: 768px) {
body.pwa-mode .pwa-header-safe {
padding-top: 4px !important;
padding-bottom: 12px;
}
}
@media screen and (max-width: 768px) {