refactor: import phone frame SVG directly instead of using public path

This commit is contained in:
2025-10-15 15:29:15 +02:00
parent 1e55b58298
commit 4b5d1c7f00

View File

@@ -1,6 +1,8 @@
import Image from 'next/image' import Image from 'next/image'
import clsx from 'clsx' import clsx from 'clsx'
import phoneFrame from '@/images/phone-frame.svg'
export function PhoneFrame({ export function PhoneFrame({
className, className,
children, children,
@@ -10,7 +12,7 @@ export function PhoneFrame({
return ( return (
<div className={clsx('relative aspect-[366/729]', className)} {...props}> <div className={clsx('relative aspect-[366/729]', className)} {...props}>
<Image <Image
src="/images/phone-frame.svg" src={phoneFrame}
alt="" alt=""
className="pointer-events-none absolute inset-0" className="pointer-events-none absolute inset-0"
fill fill