Skip to content

Commit

Permalink
fix(components-LinkTag): add hover box shadow (#915)
Browse files Browse the repository at this point in the history
  • Loading branch information
@sabertazimi
sabertazimi committed Jun 12, 2022
1 parent e0942b6 commit 7d04cf1
Show file tree
Hide file tree
Showing 5 changed files with 31 additions and 28 deletions.
8 changes: 4 additions & 4 deletions components/Article/__snapshots__/Article.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand All @@ -20,7 +20,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(55, 178, 77);"
>
<a
Expand All @@ -30,7 +30,7 @@ exports[`Article should render correctly (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(112, 72, 232);"
>
<a
Expand Down Expand Up @@ -445,7 +445,7 @@ exports[`Article should render correctly with partial data (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(24, 144, 255);"
>
<a
Expand Down
4 changes: 2 additions & 2 deletions components/PostsGrid/__snapshots__/PostCard.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ exports[`PostCard should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -106,7 +106,7 @@ exports[`PostCard should render correctly with partial data (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(66, 99, 235);"
>
<a
Expand Down
20 changes: 10 additions & 10 deletions components/PostsGrid/__snapshots__/PostsGrid.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -104,7 +104,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -200,7 +200,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -296,7 +296,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -393,7 +393,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -497,7 +497,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -589,7 +589,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -685,7 +685,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -785,7 +785,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down Expand Up @@ -882,7 +882,7 @@ exports[`PostsGrid should render correctly (snapshot) 1`] = `
style="opacity: 0; transform: translateX(-200px) translateZ(0);"
>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand Down
5 changes: 4 additions & 1 deletion components/Tags/LinkTag.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,10 @@ const LinkTag = ({
}: Props): JSX.Element => (
<Tag
color={color}
className={cx('mb-1 rounded-none text-base font-extrabold', className)}
className={cx(
'mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary',
className
)}
>
<Link href={href}>{tag}</Link>
</Tag>
Expand Down
22 changes: 11 additions & 11 deletions components/TagsCloud/__snapshots__/TagsCloud.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`TagsCloud should render correctly with active tag (snapshot) 1`] = `
<div>
<div>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand All @@ -14,7 +14,7 @@ exports[`TagsCloud should render correctly with active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(118, 118, 118);"
>
<a
Expand All @@ -24,7 +24,7 @@ exports[`TagsCloud should render correctly with active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(118, 118, 118);"
>
<a
Expand All @@ -34,7 +34,7 @@ exports[`TagsCloud should render correctly with active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(118, 118, 118);"
>
<a
Expand All @@ -44,7 +44,7 @@ exports[`TagsCloud should render correctly with active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(118, 118, 118);"
>
<a
Expand All @@ -54,7 +54,7 @@ exports[`TagsCloud should render correctly with active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(24, 144, 255);"
>
<a
Expand All @@ -71,7 +71,7 @@ exports[`TagsCloud should render correctly without active tag (snapshot) 1`] = `
<div>
<div>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(112, 72, 232);"
>
<a
Expand All @@ -81,7 +81,7 @@ exports[`TagsCloud should render correctly without active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(55, 178, 77);"
>
<a
Expand All @@ -91,7 +91,7 @@ exports[`TagsCloud should render correctly without active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(245, 159, 0);"
>
<a
Expand All @@ -101,7 +101,7 @@ exports[`TagsCloud should render correctly without active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(24, 144, 255);"
>
<a
Expand All @@ -111,7 +111,7 @@ exports[`TagsCloud should render correctly without active tag (snapshot) 1`] = `
</a>
</span>
<span
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold md:mb-3 md:text-lg"
class="ant-tag ant-tag-has-color mb-1 rounded-none text-base font-extrabold hover:shadow-lg dark:shadow-primary md:mb-3 md:text-lg"
style="background-color: rgb(24, 144, 255);"
>
<a
Expand Down

1 comment on commit 7d04cf1

@vercel
Copy link

@vercel vercel bot commented on 7d04cf1 Jun 12, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

blog – ./

blog.tazimi.dev
blog-sabertaz.vercel.app
blog-git-main-sabertaz.vercel.app

Please sign in to comment.