remove title in TopBar and add style scrollbar in App
This commit is contained in:
@ -58,3 +58,40 @@ h6 {
|
||||
span {
|
||||
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%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -53,29 +53,29 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
|
||||
navigate('/');
|
||||
};
|
||||
|
||||
const getPageTitle = () => {
|
||||
if (isLoginPage) {
|
||||
return 'Вход';
|
||||
}
|
||||
if (isLaunchPage) {
|
||||
return 'Запуск';
|
||||
}
|
||||
if (isVersionsExplorerPage) {
|
||||
if (activePage === 'versions') {
|
||||
return 'Версии';
|
||||
}
|
||||
if (activePage === 'profile') {
|
||||
return 'Профиль';
|
||||
}
|
||||
if (activePage === 'shop') {
|
||||
return 'Магазин';
|
||||
}
|
||||
if (activePage === 'marketplace') {
|
||||
return 'Рынок';
|
||||
}
|
||||
}
|
||||
return 'Неизвестная страница';
|
||||
};
|
||||
// const getPageTitle = () => {
|
||||
// if (isLoginPage) {
|
||||
// return 'Вход';
|
||||
// }
|
||||
// if (isLaunchPage) {
|
||||
// return 'Запуск';
|
||||
// }
|
||||
// if (isVersionsExplorerPage) {
|
||||
// if (activePage === 'versions') {
|
||||
// return 'Версии';
|
||||
// }
|
||||
// if (activePage === 'profile') {
|
||||
// return 'Профиль';
|
||||
// }
|
||||
// if (activePage === 'shop') {
|
||||
// return 'Магазин';
|
||||
// }
|
||||
// if (activePage === 'marketplace') {
|
||||
// return 'Рынок';
|
||||
// }
|
||||
// }
|
||||
// return 'Неизвестная страница';
|
||||
// };
|
||||
|
||||
// Функция для получения количества монет
|
||||
const fetchCoinsData = async () => {
|
||||
@ -266,12 +266,12 @@ export default function TopBar({ onRegister, username }: TopBarProps) {
|
||||
WebkitAppRegion: 'drag',
|
||||
}}
|
||||
>
|
||||
<Typography
|
||||
{/* <Typography
|
||||
variant="h6"
|
||||
sx={{ color: 'white', fontFamily: 'Benzin-Bold' }}
|
||||
>
|
||||
{getPageTitle()}
|
||||
</Typography>
|
||||
</Typography> */}
|
||||
</Box>
|
||||
{/* Правая часть со всеми кнопками */}
|
||||
<Box
|
||||
|
||||
Reference in New Issue
Block a user