andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Header+Footer: apply x-ray while Tapping on mobile devices

Browse Source
This commit is contained in:
rektdeckard
2020-08-24 01:55:29 -04:00
parent 7254038e90
commit 80fb113934
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Footer/Footer.tsx
View File

@@ -125,6 +125,7 @@ const Footer: React.FC<FooterProps> = () => {
variants={variants} variants={variants}
initial="visible" initial="visible"
whileHover="hidden" whileHover="hidden"
whileTap="hidden"
src={commandKey} src={commandKey}
alt="" alt=""
/> />

6
src/components/Header/Header.tsx
View File

@@ -98,6 +98,7 @@ const Header: React.FC<HeaderProps> = () => {
variants={illustrationVariants} variants={illustrationVariants}
initial="visible" initial="visible"
whileHover="hidden" whileHover="hidden"
whileTap="hidden"
src={cuttingMat} src={cuttingMat}
alt="" alt=""
/> />
@@ -108,6 +109,7 @@ const Header: React.FC<HeaderProps> = () => {
variants={illustrationVariants} variants={illustrationVariants}
initial="visible" initial="visible"
whileHover="hidden" whileHover="hidden"
whileTap="hidden"
src={receipt} src={receipt}
alt="" alt=""
/> />
@@ -123,6 +125,7 @@ const Header: React.FC<HeaderProps> = () => {
variants={illustrationVariants} variants={illustrationVariants}
initial="hidden" initial="hidden"
whileHover="hidden" whileHover="hidden"
whileTap="hidden"
src={calculator} src={calculator}
alt="" alt=""
/> />
@@ -134,6 +137,7 @@ const Header: React.FC<HeaderProps> = () => {
variants={illustrationVariants} variants={illustrationVariants}
initial="hidden" initial="hidden"
whileHover="hidden" whileHover="hidden"
whileTap="hidden"
src={tablet} src={tablet}
alt="" alt=""
/> />
@@ -149,6 +153,7 @@ const Header: React.FC<HeaderProps> = () => {
variants={illustrationVariants} variants={illustrationVariants}
initial="hidden" initial="hidden"
whileHover="hidden" whileHover="hidden"
whileTap="hidden"
src={billiardBall} src={billiardBall}
alt="" alt=""
/> />
@@ -160,6 +165,7 @@ const Header: React.FC<HeaderProps> = () => {
variants={illustrationVariants} variants={illustrationVariants}
initial="hidden" initial="hidden"
whileHover="hidden" whileHover="hidden"
whileTap="hidden"
src={warning} src={warning}
alt="" alt=""
/> />