Enhance Telegram WebApp integration and update CSS styles

- Added functionality to set background and header colors for the Telegram WebApp to improve visual consistency.
- Updated CSS to hide scrollbars and enhance the overall user experience by preventing overscroll behavior.
- Adjusted box-shadow for the calendar sticky header for a more refined appearance.
This commit is contained in:
2026-02-18 00:13:59 +03:00
parent eb4fb40423
commit 6c355c4abe
2 changed files with 19 additions and 1 deletions

View File

@@ -448,6 +448,13 @@
if (window.Telegram.WebApp.expand) {
window.Telegram.WebApp.expand();
}
var bg = "#1a1b26";
if (window.Telegram.WebApp.setBackgroundColor) {
window.Telegram.WebApp.setBackgroundColor(bg);
}
if (window.Telegram.WebApp.setHeaderColor) {
window.Telegram.WebApp.setHeaderColor(bg);
}
setTimeout(cb, 0);
} else {
cb();

View File

@@ -8,6 +8,17 @@
--today: #bb9af7;
}
html {
scrollbar-gutter: stable;
scrollbar-width: none;
-ms-overflow-style: none;
overscroll-behavior: none;
}
html::-webkit-scrollbar {
display: none;
}
* {
box-sizing: border-box;
}
@@ -84,7 +95,7 @@ body {
}
.calendar-sticky.is-scrolled {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.25);
}
.calendar {