diff --git a/frontend/src/common/styles/themes.scss b/frontend/src/common/styles/themes.scss index 84cea4af..f3923f62 100644 --- a/frontend/src/common/styles/themes.scss +++ b/frontend/src/common/styles/themes.scss @@ -46,7 +46,7 @@ --color-bottomBar-background: rgba(255, 255, 255, 0.88); - --color-segmentControl-background: var(--palette-white-100); + --color-segmentControl-background: rgba(242, 242, 242, 0.88); --color-quickMenu-background: var(--palette-white-60); --color-quickMenu-foreground: var(--palette-black-100); diff --git a/frontend/src/components/Dropdown/Dropdown.module.scss b/frontend/src/components/Dropdown/Dropdown.module.scss index 5f17f988..72716cdb 100644 --- a/frontend/src/components/Dropdown/Dropdown.module.scss +++ b/frontend/src/components/Dropdown/Dropdown.module.scss @@ -6,6 +6,7 @@ border-radius: 10px; background-color: var(--color-segmentControl-background); backdrop-filter: blur(25px); + box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2); z-index: 0; transition: 0.2s; transform: scale(0.3); diff --git a/frontend/src/components/PageLayoutNew/PageLayoutNew.module.scss b/frontend/src/components/PageLayoutNew/PageLayoutNew.module.scss index b19da0a1..69399ef6 100644 --- a/frontend/src/components/PageLayoutNew/PageLayoutNew.module.scss +++ b/frontend/src/components/PageLayoutNew/PageLayoutNew.module.scss @@ -5,9 +5,9 @@ padding: 16px 0; } -.isMobile { - padding: calc(var(--tg-content-safe-area-inset-top, 0px) + 66px) 0 16px 0; -} +// .isMobile { +// padding: calc(var(--tg-content-safe-area-inset-top, 0px) + 66px) 0 16px 0; +// } .center { display: flex; diff --git a/frontend/src/context/ThemeProvider/ThemeProvider.tsx b/frontend/src/context/ThemeProvider/ThemeProvider.tsx index dff0d1da..3959beeb 100644 --- a/frontend/src/context/ThemeProvider/ThemeProvider.tsx +++ b/frontend/src/context/ThemeProvider/ThemeProvider.tsx @@ -11,7 +11,7 @@ const webApp = window.Telegram?.WebApp export const ThemeProvider = ({ children }: Props) => { const lightTgTheme = webApp?.colorScheme === 'light' - const [darkTheme, setDarkTheme] = useState(lightTgTheme) + const [darkTheme, setDarkTheme] = useState(!lightTgTheme) const toggleThemeHandler = () => { setDarkTheme((prevState) => !prevState) diff --git a/frontend/src/pages/admin/MainPage/MainPage.tsx b/frontend/src/pages/admin/MainPage/MainPage.tsx index a363005c..85060141 100644 --- a/frontend/src/pages/admin/MainPage/MainPage.tsx +++ b/frontend/src/pages/admin/MainPage/MainPage.tsx @@ -31,7 +31,7 @@ export const MainPage = () => { return ( - +