replace imafes\
This commit is contained in:
@@ -109,28 +109,28 @@ export default function Example() {
|
||||
{product.images.map((image) => (
|
||||
<Tab
|
||||
key={image.id}
|
||||
className="group relative flex h-24 cursor-pointer items-center justify-center rounded-md bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4"
|
||||
className="group relative flex h-24 cursor-pointer items-center justify-center bg-white text-sm font-medium uppercase text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring focus:ring-opacity-50 focus:ring-offset-4"
|
||||
>
|
||||
<span className="sr-only">{image.name}</span>
|
||||
<span className="absolute inset-0 overflow-hidden rounded-md">
|
||||
<span className="absolute inset-0 overflow-hidden">
|
||||
<img alt="" src={image.src} className="h-full w-full object-cover object-center" />
|
||||
</span>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="pointer-events-none absolute inset-0 rounded-md ring-2 ring-transparent ring-offset-2 group-data-[selected]:ring-indigo-500"
|
||||
className="pointer-events-none absolute inset-0 ring-2 ring-transparent ring-offset-2 group-data-[selected]:ring-indigo-500"
|
||||
/>
|
||||
</Tab>
|
||||
))}
|
||||
</TabList>
|
||||
</div>
|
||||
|
||||
<TabPanels className="aspect-h-1 aspect-w-1 w-full">
|
||||
<TabPanels className="aspect-h-9 aspect-w-16 w-full">
|
||||
{product.images.map((image) => (
|
||||
<TabPanel key={image.id}>
|
||||
<img
|
||||
alt={image.alt}
|
||||
src={image.src}
|
||||
className="h-full w-full object-cover object-center sm:rounded-lg"
|
||||
className="h-full w-full object-cover object-center"
|
||||
/>
|
||||
</TabPanel>
|
||||
))}
|
||||
@@ -175,7 +175,7 @@ export default function Example() {
|
||||
<div className="mt-10 flex">
|
||||
<button
|
||||
type="submit"
|
||||
className="flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
|
||||
className="flex max-w-xs flex-1 items-center justify-center border border-transparent bg-gold-800 px-8 py-3 text-base font-medium text-white hover:bg-gold-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 sm:w-full"
|
||||
>
|
||||
Book Now
|
||||
</button>
|
||||
|
Reference in New Issue
Block a user