diff --git a/apps/photos/src/components/pages/gallery/PreviewCard.tsx b/apps/photos/src/components/pages/gallery/PreviewCard.tsx index 1f498c257..582a193c7 100644 --- a/apps/photos/src/components/pages/gallery/PreviewCard.tsx +++ b/apps/photos/src/components/pages/gallery/PreviewCard.tsx @@ -205,12 +205,16 @@ const Cont = styled('div')<{ disabled: boolean }>` pointer-events: none; } - &:hover ${Check} { - opacity: 0.5; - } - &:hover ${HoverOverlay} { - opacity: 1; + &:hover { + input[type='checkbox'] { + opacity: 0.5; + } + + .preview-card-hover-overlay { + opacity: 1; + } } + border-radius: 4px; `; @@ -342,7 +346,10 @@ export default function PreviewCard(props: IProps) { )} - + diff --git a/packages/shared/next/next.config.base.js b/packages/shared/next/next.config.base.js index 9c9b85dd1..d1154fb3e 100644 --- a/packages/shared/next/next.config.base.js +++ b/packages/shared/next/next.config.base.js @@ -25,22 +25,7 @@ const nextConfig = { /* generate a static export when we run `next build` */ output: 'export', compiler: { - emotion: { - importMap: { - '@mui/material': { - styled: { - canonicalImport: ['@emotion/styled', 'default'], - styledBaseImport: ['@mui/material', 'styled'], - }, - }, - '@mui/material/styles': { - styled: { - canonicalImport: ['@emotion/styled', 'default'], - styledBaseImport: ['@mui/material/styles', 'styled'], - }, - }, - }, - }, + emotion: true, }, transpilePackages: [ '@/utils',