diff --git a/public/icons/circle-plus.svg b/public/icons/circle-plus.svg new file mode 100644 index 00000000..10485e2a --- /dev/null +++ b/public/icons/circle-plus.svg @@ -0,0 +1,4 @@ + diff --git a/public/icons/dislike.svg b/public/icons/dislike.svg index ca18143f..ff8a48d9 100644 --- a/public/icons/dislike.svg +++ b/public/icons/dislike.svg @@ -1,4 +1 @@ - + \ No newline at end of file diff --git a/public/icons/edit-2.svg b/public/icons/edit-2.svg new file mode 100644 index 00000000..f1a2cd61 --- /dev/null +++ b/public/icons/edit-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/favorite.svg b/public/icons/favorite.svg new file mode 100644 index 00000000..3a22c296 --- /dev/null +++ b/public/icons/favorite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/feather.svg b/public/icons/feather.svg new file mode 100644 index 00000000..94301c31 --- /dev/null +++ b/public/icons/feather.svg @@ -0,0 +1 @@ + diff --git a/public/icons/filters.svg b/public/icons/filters.svg new file mode 100644 index 00000000..f7f8681c --- /dev/null +++ b/public/icons/filters.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/internet.svg b/public/icons/internet.svg new file mode 100644 index 00000000..714fd374 --- /dev/null +++ b/public/icons/internet.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/like.svg b/public/icons/like.svg index 3d8deeb8..acd0bf3d 100644 --- a/public/icons/like.svg +++ b/public/icons/like.svg @@ -1,4 +1 @@ - + \ No newline at end of file diff --git a/public/icons/link.svg b/public/icons/link.svg new file mode 100644 index 00000000..bef7f5b0 --- /dev/null +++ b/public/icons/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/share-new.svg b/public/icons/share-new.svg new file mode 100644 index 00000000..d153312f --- /dev/null +++ b/public/icons/share-new.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Article/RatingControl.module.scss b/src/components/Article/RatingControl.module.scss index 68001845..9734fd92 100644 --- a/src/components/Article/RatingControl.module.scss +++ b/src/components/Article/RatingControl.module.scss @@ -10,20 +10,16 @@ .ratingControl { align-items: center; - border: 2px solid; - border-radius: 100%; display: flex; justify-content: center; height: 0.9em; line-height: 0; @include font-size(3.6rem); - + color: #777; padding: 0; width: 0.9em; - + transition: 0.15s all linear; &:hover { - background: #000; - border-color: #000; - color: #fff; + transform: scale(1.2); } } diff --git a/src/components/Article/RatingControl.tsx b/src/components/Article/RatingControl.tsx index c5ad8a64..c18f20e3 100644 --- a/src/components/Article/RatingControl.tsx +++ b/src/components/Article/RatingControl.tsx @@ -1,5 +1,6 @@ import styles from './RatingControl.module.scss' import { clsx } from 'clsx' +import { Icon } from '../_shared/Icon' interface RatingControlProps { rating?: number @@ -9,9 +10,13 @@ interface RatingControlProps { export const RatingControl = (props: RatingControlProps) => { return (