diff --git a/apps/photos/src/components/pages/gallery/PreviewCard.tsx b/apps/photos/src/components/pages/gallery/PreviewCard.tsx index 1f498c2573935006f5f3357fc507bcc4a762074e..582a193c76dc94ebf83dd773d644ef4513cfd434 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 9c9b85dd1d54cf8583423fcd98df71cbbc9091e4..d1154fb3e77b2d78a509733b3fec8adff8a86eee 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',