benmichael/gods-eye-view
1
0 Fork 0
mirror of https://github.com/bilawalsidhu/gods-eye-view.git synced 2026-11-05 02:44:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip(mobile): checkpoint polish round in progress

Browse Source 
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01VVYRAqiQj9Y1V9ZfG1RcDH
This commit is contained in:
Claude committed 2026-10-23 09:59:48 +00:00
1 parent 4e1e838771
commit 90b962745e
29 files changed
+9600 -205
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

mobile/styles/shell.css
+49
View File
@@ -1003,3 +1003,52 @@ input[type='range'].slider::-moz-range-thumb {
opacity: 0;
}
}
/* Content scrolls under the floating glass: a soft scrim behind the tab bar
(and its accessory) keeps the last rows legible as they pass beneath. */
.app:is([data-tab='today'], [data-tab='rooms'], [data-tab='you'])
.tabbar::before {
content: '';
position: absolute;
z-index: -1;
left: calc(-12px - var(--safe-l));
right: calc(-12px - var(--safe-r));
bottom: calc(-1 * var(--tabbar-gap));
height: calc(var(--tabbar-h) + var(--tabbar-gap) + 46px);
background: linear-gradient(
to top,
rgba(5, 7, 11, 0.92) 0,
rgba(5, 7, 11, 0.7) 45%,
rgba(5, 7, 11, 0) 100%
);
pointer-events: none;
}
.app:is([data-tab='today'], [data-tab='rooms'], [data-tab='you'])
.tabbar.has-accessory::before {
height: calc(var(--tabbar-h) + var(--tabbar-gap) + 104px);
}
/* On a tablet the Globe tab's leading pane is a scrolling list too. */
@media (min-width: 600px) {
.app[data-tab='live'] .tabbar::before {
content: '';
position: absolute;
z-index: -1;
left: calc(-12px - var(--safe-l));
right: calc(-12px - var(--safe-r));
bottom: calc(-1 * var(--tabbar-gap));
height: calc(var(--tabbar-h) + var(--tabbar-gap) + 46px);
background: linear-gradient(
to top,
rgba(5, 7, 11, 0.92) 0,
rgba(5, 7, 11, 0.7) 45%,
rgba(5, 7, 11, 0) 100%
);
pointer-events: none;
}
.app[data-tab='live'] .tabbar.has-accessory::before {
height: calc(var(--tabbar-h) + var(--tabbar-gap) + 104px);
}
}