remove title in TopBar and add style scrollbar in App
This commit is contained in:
@ -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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user