This commit is contained in:
Belen Curcio 2020-10-23 12:59:06 -03:00
parent 62277666b1
commit b9e7ff64e7
2 changed files with 7 additions and 11 deletions

View File

@ -10,16 +10,18 @@
}
.item {
@apply mr-6 cursor-pointer relative transition ease-in-out duration-150 text-base flex items-center;
@apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center outline-none;
&:hover {
@apply text-accents-8 transition scale-110 duration-150;
@apply text-accents-8 transition scale-110 duration-100;
}
&:last-child {
@apply mr-0;
}
&:focus {
outline: none;
&:focus,
&:active {
@apply outline-none;
}
}

View File

@ -1,12 +1,11 @@
import cn from 'classnames'
import { NextSeo } from 'next-seo'
import s from './ProductView.module.css'
import { FC, useState, useEffect } from 'react'
import { FC, useState } from 'react'
import { useUI } from '@components/ui/context'
import { Button, Container } from '@components/ui'
import { Swatch, ProductSlider } from '@components/product'
import useAddItem from '@lib/bigcommerce/cart/use-add-item'
import { isDesktop } from '@lib/browser'
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
import { getProductOptions } from '../helpers'
import { Heart } from '@components/icon'
@ -22,17 +21,12 @@ const ProductView: FC<Props> = ({ product, className }) => {
const { openSidebar } = useUI()
const options = getProductOptions(product)
const [loading, setLoading] = useState(false)
const [validMedia, setValidMedia] = useState(false)
const [choices, setChoices] = useState<Record<string, any>>({
size: null,
color: null,
})
useEffect(() => {
setValidMedia(isDesktop())
}, [])
const addToCart = async () => {
setLoading(true)
try {