glow scaling

This commit is contained in:
Reece 2025-10-20 21:45:00 +01:00
parent 36a358f907
commit f7c9855489
2 changed files with 3 additions and 2 deletions

View File

@ -367,6 +367,7 @@ const PageThumbnail: React.FC<PageThumbnailProps> = ({
width: `calc(20rem * ${zoomLevel})`,
height: `calc(20rem * ${zoomLevel})`,
transition: isAnimating ? 'none' : 'transform 0.2s ease-in-out',
zIndex: isHovered ? 50 : 1,
...(isBoxSelected && {
boxShadow: '0 0 0 4px rgba(59, 130, 246, 0.5)',
}),
@ -418,7 +419,7 @@ const PageThumbnail: React.FC<PageThumbnailProps> = ({
height: '100%',
backgroundColor: 'var(--mantine-color-gray-1)',
borderRadius: 6,
boxShadow: page.isBlankPage ? 'none' : `0 0 8px 4px ${fileColorBorder}`,
boxShadow: page.isBlankPage ? 'none' : `0 0 ${4 + 4 * zoomLevel}px 3px ${fileColorBorder}`,
padding: 4,
display: 'flex',
alignItems: 'center',

View File

@ -11,7 +11,7 @@
padding: 6px 12px;
border-radius: 20px;
box-shadow: var(--shadow-md);
z-index: 30;
z-index: 100;
white-space: nowrap;
pointer-events: auto;
transition: opacity 0.2s ease-in-out;