B: Fix navigation bar animation

This commit is contained in:
Ivan 2025-03-12 23:27:05 +03:00
parent 023987d511
commit 4ec2272c5f
2 changed files with 5 additions and 1 deletions

View File

@ -1,6 +1,7 @@
import { IconLibrary2, IconManuals, IconNewItem2 } from '@/components/icons';
import { useWindowSize } from '@/hooks/use-window-size';
import { useAppLayoutStore } from '@/stores/app-layout';
import { PARAMETER } from '@/utils/constants';
import { urls } from '../urls';
@ -30,6 +31,9 @@ export function Navigation() {
<div
className='pl-2 pr-6 sm:pr-4 h-12 flex cc-shadow-border'
style={{
transitionProperty: 'max-height, translate',
transitionDuration: `${PARAMETER.moveDuration}ms`,
transitionTimingFunction: 'ease-in-out',
maxHeight: noNavigationAnimation ? '0rem' : '3rem',
translate: noNavigationAnimation ? '0 -1.5rem' : '0'
}}

View File

@ -56,7 +56,7 @@ export function LibraryPage() {
<ToolbarSearch className='sticky top-0 h-9' total={libraryItems.length} filtered={filtered.length} />
<div className='relative cc-fade-in flex'>
<MiniButton
className='absolute z-tooltip top-1 right-0 cc-animate-position'
className='absolute z-tooltip -top-8 right-6'
title='Выгрузить в формате CSV'
icon={<IconCSV size='1.25rem' className='icon-green' />}
onClick={handleDownloadCSV}