Merge pull request #21 from BregornOriginal/development

update rounded in footer icon

Author: BregornOriginal

components/Footer.tsx

@@ -7,7 +7,7 @@ const Footer = (props: Props) => {
 		<footer className="sticky bottom-5 w-full cursor-pointer">
 			<div className="flex flex-end items-center pr-6 justify-end">
 				<img
-					className="h-10 w-10 rounded-full filter grayscale hover:grayscale-0 cursor-pointer rounded-md object-cover"
+					className="h-10 w-10 rounded-full filter grayscale hover:grayscale-0 cursor-pointer object-cover"
 					src="https://e00-elmundo.uecdn.es/assets/multimedia/imagenes/2022/04/19/16503736092836.jpg"
 					alt="An image to homepage"
 					width={40}

components/Skill.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { motion } from 'framer-motion';
-import { Skill } from '../typings';
+import type { Skill as SkillType } from '../typings';
 import { urlFor } from '../sanity';
 
 type Props = {
-	skill: Skill;
+	skill: SkillType;
 	directionLeft?: boolean;
 };
 

components/Skills.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { motion } from 'framer-motion';
 import Skill from './Skill';
-import { Skill as SkillType } from '../typings';
+import type { Skill as SkillType } from '../typings';
 
 type Props = {
 	skills: SkillType[];
@@ -13,7 +13,7 @@ const Skills = ({ skills }: Props) => {
 			initial={{ opacity: 0 }}
 			whileInView={{ opacity: 1 }}
 			transition={{ duration: 1.5 }}
-			className="flex relative flex-col text-center md:text-left 
+			className="flex relative flex-col text-center md:text-left
     xl:flex-row xl:px-10 min-h-screen justify-center xl:space-y-0 mx-auto items-center"
 		>
 			<h3 className="absolute top-24 uppercase tracking-[20px] text-gray-500 text-2xl">Skills</h3>

pages/index.tsx

@@ -9,7 +9,7 @@ import Skills from '../components/Skills';
 import Projects from '../components/Projects';
 import Contact from '../components/Contact';
 import AIChatWidget from '../components/AIChatWidget';
-import { PageInfo, Experience, Skill, Project, Social } from '../typings';
+import type { PageInfo, Experience, Skill, Project, Social } from '../typings';
 import { fetchPageInfo } from '../utils/fetchPageInfo';
 import { fetchExperiences } from '../utils/fetchExperience';
 import { fetchProjects } from '../utils/fetchProjects';