forked from sashaastiadi/www_mycelium_net
refactor: import phone frame SVG directly instead of using public path
This commit is contained in:
@@ -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
|
||||||
|
Reference in New Issue
Block a user