From 84b22c5a44327a95e8249ed12697131a64c224ff Mon Sep 17 00:00:00 2001 From: Ajay_S Date: Wed, 20 Apr 2022 20:30:00 +0530 Subject: [PATCH] created skills component in skill info page --- src/assets/images/React.png | Bin 0 -> 3813 bytes .../SkillInformationStep.tsx | 6 +++++- .../skillInformationStep/Skills.module.scss | 16 ++++++++++++++++ src/pages/skillInformationStep/Skills.tsx | 18 ++++++++++++++++++ 4 files changed, 39 insertions(+), 1 deletion(-) create mode 100644 src/assets/images/React.png create mode 100644 src/pages/skillInformationStep/Skills.module.scss create mode 100644 src/pages/skillInformationStep/Skills.tsx diff --git a/src/assets/images/React.png b/src/assets/images/React.png new file mode 100644 index 0000000000000000000000000000000000000000..e48882f0de0bd6a3cf2139e0877e6bb7fb101425 GIT binary patch literal 3813 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 { return ( @@ -9,6 +10,9 @@ const SkillInformationStep: React.FC = () => { + + + ) } diff --git a/src/pages/skillInformationStep/Skills.module.scss b/src/pages/skillInformationStep/Skills.module.scss new file mode 100644 index 0000000..abb89f7 --- /dev/null +++ b/src/pages/skillInformationStep/Skills.module.scss @@ -0,0 +1,16 @@ +.skill { + display: flex; + align-items: center; + box-shadow: 0px 0px 5px #00000012; + width: 16rem; + height: 7rem; + border-radius: 2rem; + justify-content: space-evenly; + margin: 5rem; + + .name { + color: #868686; + font-size: 1.4rem; + font-weight: 500; + } +} \ No newline at end of file diff --git a/src/pages/skillInformationStep/Skills.tsx b/src/pages/skillInformationStep/Skills.tsx new file mode 100644 index 0000000..6b99453 --- /dev/null +++ b/src/pages/skillInformationStep/Skills.tsx @@ -0,0 +1,18 @@ +import { IonIcon } from '@ionic/react'; +import styles from './Skills.module.scss'; + +interface Props { + icon: string; + name: string; +} + +const Skills: React.FC = (props) => { + return ( +
+ {props.name} +
{props.name}
+
+ ) +} + +export default Skills; \ No newline at end of file