feat: показать подпись кнопки 'К группам' на мобильных устройствах

This commit is contained in:
kilyabin
2025-11-30 23:32:36 +04:00
parent 86715eaf66
commit 166c73aff4
2 changed files with 4 additions and 3 deletions

View File

@@ -148,8 +148,9 @@ export function LoadingOverlay({ isLoading }: LoadingOverlayProps) {
'fixed inset-0 z-50 flex items-center justify-center', 'fixed inset-0 z-50 flex items-center justify-center',
'bg-background/80 backdrop-blur-md', 'bg-background/80 backdrop-blur-md',
'transition-opacity duration-300', 'transition-opacity duration-300',
isLoading ? 'opacity-100' : 'opacity-0 pointer-events-none' isLoading ? 'opacity-100 pointer-events-auto' : 'opacity-0 pointer-events-none invisible'
)} )}
style={isLoading ? { touchAction: 'none' } : undefined}
aria-label="Загрузка" aria-label="Загрузка"
role="status" role="status"
aria-hidden={!isLoading} aria-hidden={!isLoading}
@@ -169,7 +170,7 @@ export function LoadingOverlay({ isLoading }: LoadingOverlayProps) {
</div> </div>
{showError && ( {showError && (
<div <div
className="fixed bottom-8 left-1/2 -translate-x-1/2 bg-background/10 backdrop-blur-sm border border-border/30 rounded-lg p-4 max-w-md mx-4 transition-all duration-500 ease-out" className="fixed bottom-8 left-1/2 -translate-x-1/2 bg-black/70 dark:bg-black/80 backdrop-blur-sm border border-border/30 rounded-lg p-4 w-[calc(100%-2rem)] sm:max-w-md sm:w-auto transition-all duration-500 ease-out"
style={{ style={{
opacity: errorOpacity, opacity: errorOpacity,
transform: `translateX(-50%) translateY(${errorOpacity === 1 ? '0' : '100px'})` transform: `translateX(-50%) translateY(${errorOpacity === 1 ? '0' : '100px'})`

View File

@@ -41,7 +41,7 @@ export function NavBar({ cacheAvailableFor, groups }: {
tabIndex={-1} tabIndex={-1}
> >
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
<span className="hidden sm:inline">К группам</span> <span>К группам</span>
</Button> </Button>
</Link> </Link>
</li> </li>