remove title in TopBar and add style scrollbar in App

This commit is contained in:
2025-12-05 01:46:57 +05:00
parent 8c9e46a1ae
commit 48a0d0defb
2 changed files with 62 additions and 25 deletions

View File

@ -58,3 +58,40 @@ h6 {
span { span {
font-family: 'Benzin-Bold' !important; font-family: 'Benzin-Bold' !important;
} }
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
/* трек */
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.08);
border-radius: 100px;
margin: 20px 0; /* ⬅– отступы сверху и снизу */
}
/* Бегунок */
::-webkit-scrollbar-thumb {
background: linear-gradient(71deg, #f27121 0%, #e940cd 70%, #8a2387 100%);
border-radius: 10px;
}
/* hover эффект */
::-webkit-scrollbar-thumb:hover {
background-size: 400% 400%;
animation-duration: 1.7s;
}
/* shimmer-анимация градиента */
@keyframes scrollbarShimmer {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

View File

@ -53,29 +53,29 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
navigate('/'); navigate('/');
}; };
const getPageTitle = () => { // const getPageTitle = () => {
if (isLoginPage) { // if (isLoginPage) {
return 'Вход'; // return 'Вход';
} // }
if (isLaunchPage) { // if (isLaunchPage) {
return 'Запуск'; // return 'Запуск';
} // }
if (isVersionsExplorerPage) { // if (isVersionsExplorerPage) {
if (activePage === 'versions') { // if (activePage === 'versions') {
return 'Версии'; // return 'Версии';
} // }
if (activePage === 'profile') { // if (activePage === 'profile') {
return 'Профиль'; // return 'Профиль';
} // }
if (activePage === 'shop') { // if (activePage === 'shop') {
return 'Магазин'; // return 'Магазин';
} // }
if (activePage === 'marketplace') { // if (activePage === 'marketplace') {
return 'Рынок'; // return 'Рынок';
} // }
} // }
return 'Неизвестная страница'; // return 'Неизвестная страница';
}; // };
// Функция для получения количества монет // Функция для получения количества монет
const fetchCoinsData = async () => { const fetchCoinsData = async () => {
@ -266,12 +266,12 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
WebkitAppRegion: 'drag', WebkitAppRegion: 'drag',
}} }}
> >
<Typography {/* <Typography
variant="h6" variant="h6"
sx={{ color: 'white', fontFamily: 'Benzin-Bold' }} sx={{ color: 'white', fontFamily: 'Benzin-Bold' }}
> >
{getPageTitle()} {getPageTitle()}
</Typography> </Typography> */}
</Box> </Box>
{/* Правая часть со всеми кнопками */} {/* Правая часть со всеми кнопками */}
<Box <Box