diff --git a/src/assets/icons/Close.svg b/src/assets/icons/Close.svg new file mode 100644 index 0000000..5bc1876 --- /dev/null +++ b/src/assets/icons/Close.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/Grand Master Badge.svg b/src/assets/icons/Grand Master Badge.svg new file mode 100644 index 0000000..1f261a0 --- /dev/null +++ b/src/assets/icons/Grand Master Badge.svg @@ -0,0 +1,381 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Group 11.svg b/src/assets/icons/Group 11.svg new file mode 100644 index 0000000..5bc1876 --- /dev/null +++ b/src/assets/icons/Group 11.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/Intern Badge.svg b/src/assets/icons/Intern Badge.svg new file mode 100644 index 0000000..58701a3 --- /dev/null +++ b/src/assets/icons/Intern Badge.svg @@ -0,0 +1,347 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Journeyman Badge.svg b/src/assets/icons/Journeyman Badge.svg new file mode 100644 index 0000000..c228515 --- /dev/null +++ b/src/assets/icons/Journeyman Badge.svg @@ -0,0 +1,348 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Master Badge.svg b/src/assets/icons/Master Badge.svg new file mode 100644 index 0000000..956912d --- /dev/null +++ b/src/assets/icons/Master Badge.svg @@ -0,0 +1,327 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Novice Badge.svg b/src/assets/icons/Novice Badge.svg new file mode 100644 index 0000000..3923c74 --- /dev/null +++ b/src/assets/icons/Novice Badge.svg @@ -0,0 +1,297 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Path 2064.svg b/src/assets/icons/Path 2064.svg new file mode 100644 index 0000000..970faa5 --- /dev/null +++ b/src/assets/icons/Path 2064.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/Polygon 7.svg b/src/assets/icons/Polygon 7.svg new file mode 100644 index 0000000..5f35c86 --- /dev/null +++ b/src/assets/icons/Polygon 7.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/Polygon 8.svg b/src/assets/icons/Polygon 8.svg new file mode 100644 index 0000000..d8f6324 --- /dev/null +++ b/src/assets/icons/Polygon 8.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/activity.svg b/src/assets/icons/activity.svg new file mode 100644 index 0000000..2d47e5b --- /dev/null +++ b/src/assets/icons/activity.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/anamnesis.svg b/src/assets/icons/anamnesis.svg new file mode 100644 index 0000000..a9d2436 --- /dev/null +++ b/src/assets/icons/anamnesis.svg @@ -0,0 +1,3 @@ + + Anamnesis + diff --git a/src/assets/icons/apprentice-badge.svg b/src/assets/icons/apprentice-badge.svg new file mode 100644 index 0000000..e005588 --- /dev/null +++ b/src/assets/icons/apprentice-badge.svg @@ -0,0 +1,347 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/back-light.svg b/src/assets/icons/back-light.svg new file mode 100644 index 0000000..1d0d5a6 --- /dev/null +++ b/src/assets/icons/back-light.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/badge-on-profile.svg b/src/assets/icons/badge-on-profile.svg new file mode 100644 index 0000000..f3ff834 --- /dev/null +++ b/src/assets/icons/badge-on-profile.svg @@ -0,0 +1,262 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/book-sharp.svg b/src/assets/icons/book-sharp.svg new file mode 100644 index 0000000..6d3ca39 --- /dev/null +++ b/src/assets/icons/book-sharp.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/book.svg b/src/assets/icons/book.svg index 45cd3ba..bb88e1b 100644 --- a/src/assets/icons/book.svg +++ b/src/assets/icons/book.svg @@ -1 +1,3 @@ -ionicons-v5-h \ No newline at end of file + + + diff --git a/src/assets/icons/bookshelf.svg b/src/assets/icons/bookshelf.svg new file mode 100644 index 0000000..4f18efd --- /dev/null +++ b/src/assets/icons/bookshelf.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/icons/bx-brain.svg b/src/assets/icons/bx-brain.svg new file mode 100644 index 0000000..435843c --- /dev/null +++ b/src/assets/icons/bx-brain.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/bx-calendar.svg b/src/assets/icons/bx-calendar.svg new file mode 100644 index 0000000..3c7f090 --- /dev/null +++ b/src/assets/icons/bx-calendar.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/bx-menu-alt-left.svg b/src/assets/icons/bx-menu-alt-left.svg new file mode 100644 index 0000000..ef7620f --- /dev/null +++ b/src/assets/icons/bx-menu-alt-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/bx-search-alt.svg b/src/assets/icons/bx-search-alt.svg new file mode 100644 index 0000000..ab5567d --- /dev/null +++ b/src/assets/icons/bx-search-alt.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/catrgory.svg b/src/assets/icons/catrgory.svg new file mode 100644 index 0000000..1572fa3 --- /dev/null +++ b/src/assets/icons/catrgory.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/check-circle.svg b/src/assets/icons/check-circle.svg new file mode 100644 index 0000000..bb62928 --- /dev/null +++ b/src/assets/icons/check-circle.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/icons/check.svg b/src/assets/icons/check.svg new file mode 100644 index 0000000..9da2320 --- /dev/null +++ b/src/assets/icons/check.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/circled.svg b/src/assets/icons/circled.svg new file mode 100644 index 0000000..02500f4 --- /dev/null +++ b/src/assets/icons/circled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/compose.svg b/src/assets/icons/compose.svg new file mode 100644 index 0000000..ba3f912 --- /dev/null +++ b/src/assets/icons/compose.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/icons/delete.svg b/src/assets/icons/delete.svg new file mode 100644 index 0000000..70cdd16 --- /dev/null +++ b/src/assets/icons/delete.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/icons/ellipse 32.svg b/src/assets/icons/ellipse 32.svg new file mode 100644 index 0000000..8b072be --- /dev/null +++ b/src/assets/icons/ellipse 32.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/ellipse 34.svg b/src/assets/icons/ellipse 34.svg new file mode 100644 index 0000000..754c780 --- /dev/null +++ b/src/assets/icons/ellipse 34.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/ellipse 35.svg b/src/assets/icons/ellipse 35.svg new file mode 100644 index 0000000..96ff86b --- /dev/null +++ b/src/assets/icons/ellipse 35.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/exclamation-circle-fill.svg b/src/assets/icons/exclamation-circle-fill.svg new file mode 100644 index 0000000..fbd2948 --- /dev/null +++ b/src/assets/icons/exclamation-circle-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/expand.svg b/src/assets/icons/expand.svg new file mode 100644 index 0000000..dc7d43c --- /dev/null +++ b/src/assets/icons/expand.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/export-line.svg b/src/assets/icons/export-line.svg new file mode 100644 index 0000000..893c1fa --- /dev/null +++ b/src/assets/icons/export-line.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/filter.svg b/src/assets/icons/filter.svg new file mode 100644 index 0000000..5c533b9 --- /dev/null +++ b/src/assets/icons/filter.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/icons/golf-outline.svg b/src/assets/icons/golf-outline.svg new file mode 100644 index 0000000..96d10c6 --- /dev/null +++ b/src/assets/icons/golf-outline.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/heart-dislike-filled.svg b/src/assets/icons/heart-dislike-filled.svg new file mode 100644 index 0000000..aaba927 --- /dev/null +++ b/src/assets/icons/heart-dislike-filled.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/icons/heart-dislike-outline.svg b/src/assets/icons/heart-dislike-outline.svg new file mode 100644 index 0000000..343eb32 --- /dev/null +++ b/src/assets/icons/heart-dislike-outline.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/icons/heart-line-filled.svg b/src/assets/icons/heart-line-filled.svg new file mode 100644 index 0000000..0926dcf --- /dev/null +++ b/src/assets/icons/heart-line-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/heart-line.svg b/src/assets/icons/heart-line.svg new file mode 100644 index 0000000..309a126 --- /dev/null +++ b/src/assets/icons/heart-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/home.svg b/src/assets/icons/home.svg index 2643529..a8b2dab 100644 --- a/src/assets/icons/home.svg +++ b/src/assets/icons/home.svg @@ -1 +1,5 @@ -ionicons-v5-i \ No newline at end of file + + + + + diff --git a/src/assets/icons/info-circle.svg b/src/assets/icons/info-circle.svg new file mode 100644 index 0000000..830ee19 --- /dev/null +++ b/src/assets/icons/info-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/more-alt.svg b/src/assets/icons/more-alt.svg new file mode 100644 index 0000000..78a3f71 --- /dev/null +++ b/src/assets/icons/more-alt.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/icons/more-vertical.svg b/src/assets/icons/more-vertical.svg new file mode 100644 index 0000000..632e5df --- /dev/null +++ b/src/assets/icons/more-vertical.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/pencil.svg b/src/assets/icons/pencil.svg new file mode 100644 index 0000000..8879e23 --- /dev/null +++ b/src/assets/icons/pencil.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/plus-circle.svg b/src/assets/icons/plus-circle.svg new file mode 100644 index 0000000..0948bba --- /dev/null +++ b/src/assets/icons/plus-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/plus.svg b/src/assets/icons/plus.svg new file mode 100644 index 0000000..5818309 --- /dev/null +++ b/src/assets/icons/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/readme.svg b/src/assets/icons/readme.svg new file mode 100644 index 0000000..0a5e3d5 --- /dev/null +++ b/src/assets/icons/readme.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/search (2).svg b/src/assets/icons/search (2).svg new file mode 100644 index 0000000..eaa82f3 --- /dev/null +++ b/src/assets/icons/search (2).svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/share.svg b/src/assets/icons/share.svg new file mode 100644 index 0000000..36d3193 --- /dev/null +++ b/src/assets/icons/share.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/sort-down-alt.svg b/src/assets/icons/sort-down-alt.svg new file mode 100644 index 0000000..795ced6 --- /dev/null +++ b/src/assets/icons/sort-down-alt.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/sort-up-alt.svg b/src/assets/icons/sort-up-alt.svg new file mode 100644 index 0000000..be32f25 --- /dev/null +++ b/src/assets/icons/sort-up-alt.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/icons/speaker.svg b/src/assets/icons/speaker.svg new file mode 100644 index 0000000..fcdba0b --- /dev/null +++ b/src/assets/icons/speaker.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/star-2 filled.svg b/src/assets/icons/star-2 filled.svg new file mode 100644 index 0000000..63ff31e --- /dev/null +++ b/src/assets/icons/star-2 filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/star-2.svg b/src/assets/icons/star-2.svg new file mode 100644 index 0000000..6806edf --- /dev/null +++ b/src/assets/icons/star-2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/stats-chart.svg b/src/assets/icons/stats-chart.svg new file mode 100644 index 0000000..5fef55d --- /dev/null +++ b/src/assets/icons/stats-chart.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/icons/text.svg b/src/assets/icons/text.svg new file mode 100644 index 0000000..7cd524d --- /dev/null +++ b/src/assets/icons/text.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/icons/time.svg b/src/assets/icons/time.svg new file mode 100644 index 0000000..3fd1cee --- /dev/null +++ b/src/assets/icons/time.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/timer.svg b/src/assets/icons/timer.svg new file mode 100644 index 0000000..283b027 --- /dev/null +++ b/src/assets/icons/timer.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/icons/user-speaker.svg b/src/assets/icons/user-speaker.svg new file mode 100644 index 0000000..80d8384 --- /dev/null +++ b/src/assets/icons/user-speaker.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/tabs/Tabs.module.scss b/src/components/tabs/Tabs.module.scss index e8be98d..13236b5 100644 --- a/src/components/tabs/Tabs.module.scss +++ b/src/components/tabs/Tabs.module.scss @@ -35,7 +35,7 @@ $tab-width: 95vw; svg { width: 1.8rem; height: 1.8rem; - stroke: var(--grey); + fill: var(--light-grey); transition: transform 0.3s; } @@ -45,7 +45,7 @@ $tab-width: 95vw; } svg { - stroke: var(--teal); + fill: var(--teal); transform: translateY(-2px); } } diff --git a/src/components/tabs/Tabs.tsx b/src/components/tabs/Tabs.tsx index beece8c..f902f62 100644 --- a/src/components/tabs/Tabs.tsx +++ b/src/components/tabs/Tabs.tsx @@ -1,10 +1,10 @@ import React from "react"; import styles from './Tabs.module.scss'; import { ReactComponent as HomeIcon } from '../../assets/icons/home.svg'; -import { ReactComponent as GridIcon } from '../../assets/icons/grid.svg'; -import { ReactComponent as BookIcon } from '../../assets/icons/book.svg'; -import { ReactComponent as StatsIcon } from '../../assets/icons/stats.svg'; -import { ReactComponent as MoreIcon } from '../../assets/icons/more.svg'; +import { ReactComponent as GridIcon } from '../../assets/icons/circled.svg'; +import { ReactComponent as BookIcon } from '../../assets/icons/book-sharp.svg'; +import { ReactComponent as StatsIcon } from '../../assets/icons/stats-chart.svg'; +import { ReactComponent as MoreIcon } from '../../assets/icons/more-vertical.svg'; export const Tabs: React.FC = () => { return
diff --git a/src/index.css b/src/index.css index 07c1180..a2a5c90 100644 --- a/src/index.css +++ b/src/index.css @@ -16,6 +16,7 @@ --teal: #4e9096; --black: #11253d; --grey: #586471; + --light-grey: #84919e; --creamy-white: #fef8ec; font-size: 62.5%; } \ No newline at end of file