Skip to content
This repository has been archived by the owner on Dec 27, 2022. It is now read-only.

Commit

Permalink
fix:minor changes
Browse files Browse the repository at this point in the history
Saksham-Chauhan committed Dec 13, 2022
1 parent 1ab133c commit c458cdc
Showing 44 changed files with 585 additions and 1,079 deletions.
18 changes: 15 additions & 3 deletions assets/index.ts
Original file line number Diff line number Diff line change
@@ -77,12 +77,18 @@ import tealMobileCont from "../public/images/tealMobileCont.svg";
import mailTealCont from "../public/images/mailTealCont.svg";
import mail from "../public/images/mail.svg";
import error from "../public/images/error.svg";
import theBest from "../public/images/trusted-thebest.svg";
import instaride from "../public/images/trusted-instaride.svg";
import indianArmy from "../public/images/trusted-indian-army.svg";
import theBest from "../public/images/trusted-thebest.webp";
import instaride from "../public/images/trusted-instaride.webp";
import indianArmy from "../public/images/trusted-indian-army.webp";
import germanGov from "../public/images/german-gov.png";
import camelJuno from "../public/images/camel-juno.webp";
import bolt from "../public/images/bolt.webp";
import ceo from "../public/images/ceo.webp";
import cto from "../public/images/cto.webp";
import abhishek from "../public/images/sm.webp";
import basu from "../public/images/o&d.webp";
import saksham from "../public/images/jd.webp";
import groupImg from "../public/images/group-img.webp";

// Assets for technologies components

@@ -271,4 +277,10 @@ export {
germanGov,
camelJuno,
bolt,
abhishek,
basu,
saksham,
ceo,
cto,
groupImg,
};
6 changes: 5 additions & 1 deletion components/InputBox.tsx
Original file line number Diff line number Diff line change
@@ -12,6 +12,7 @@ interface Props {
errorText?: any;
onBlur?: (props: any) => void;
id?: string;
fontSize?: string;
}

const InputBox = ({
@@ -24,6 +25,7 @@ const InputBox = ({
errorText,
onBlur,
id,
fontSize,
}: Props) => {
return (
<div className="w-full relative">
@@ -49,7 +51,9 @@ const InputBox = ({
name={name}
onChange={handleChange}
placeholder={placeholder}
className={`font-miligramLight px-1 text-[0.9rem] md:text-[1rem] lg:text-[1.2rem] text-main-light_white sm:mt-5 pb-1 sm:pb-3 bg-transparent tracking-[1px] sm:tracking-[2px] border-b-2 outline-none border-main-light_white placeholder:text-main-light_white w-full ${styling}`}
className={`font-miligramLight px-1 text-main-light_white sm:mt-5 pb-1 sm:pb-3 bg-transparent tracking-[1px] sm:tracking-[2px] border-b-2 outline-none border-main-light_white placeholder:text-main-light_white w-full ${styling} ${
fontSize ? fontSize : "text-[0.9rem] md:text-[1rem] lg:text-[1.2rem]"
}`}
/>
</div>
);
8 changes: 6 additions & 2 deletions components/ReviewBox.tsx
Original file line number Diff line number Diff line change
@@ -24,10 +24,14 @@ const ReviewBox = ({
style={item.title === title ? {} : { display: "none" }}
>
<div className="items-center lg:hidden flex mb-4 transition-all font-miligramTextMedium">
<Image src={logo} alt="logo" className="mr-2 h-9" />
<Image
src={logo}
alt="logo"
className="mr-2 h-9 w-9 rounded-full"
/>
<p className="text-white text-[18px]">{title}</p>
</div>
<div className="font-miligramMedium text-[0.9rem] leading-none md:text-[1.2rem] lg:w-2/3 text-main-light_white sm:text-white lg:py-6 lg:px-9 transition-all">
<div className="font-miligramMedium text-[0.9rem] leading-none md:text-[1.2rem] lg:w-2/3 text-main-light_white sm:text-white lg:py-6 lg:px-9 transition-all h-[6rem] sm:h-[8rem]">
{description}
</div>
<div className="items-center w-1/3 hidden lg:flex transition-all font-miligramTextMedium">
11 changes: 8 additions & 3 deletions components/SelectBox.tsx
Original file line number Diff line number Diff line change
@@ -17,6 +17,7 @@ interface Props {
errorText?: string;
secondPlaceholder?: string;
inputID?: string;
fontSize?: string;
}

const SelectBox = ({
@@ -31,6 +32,7 @@ const SelectBox = ({
errorText,
secondPlaceholder,
inputID,
fontSize,
}: Props) => {
const [show, setShow] = useState(false);
const [selectedItem, setSelectedItem] = useState("");
@@ -74,6 +76,7 @@ const SelectBox = ({
type="text"
errorText={errorText}
value={value}
fontSize={fontSize}
/>
</>
) : (
@@ -103,7 +106,9 @@ const SelectBox = ({
</span>

<div
className={`font-miligramLight relative select-label px-1 text-main-light_white bg-transparent border-none outline-none tracking-[1px] sm:tracking-[2px] placeholder:text-main-light_white w-full ${innelStyle}`}
className={`font-miligramLight relative select-label px-1 text-main-light_white bg-transparent border-none outline-none tracking-[1px] sm:tracking-[2px] placeholder:text-main-light_white w-full ${innelStyle} ${
fontSize ? fontSize : ""
}`}
>
{value ? value : placeholder}
</div>
@@ -116,11 +121,11 @@ const SelectBox = ({
}`}
/>
<ul
className={`down-list ${
className={`down-list font-miligramLight ${
dropdownStyle
? dropdownStyle
: "w-full z-50 rounded-md absolute top-10 sm:top-12 transition-all duration-500 bg-main-secondary text-main-light_white overflow-hidden"
} ${show ? "max-h-[300px]" : "max-h-0"}`}
} ${show ? "max-h-[300px]" : "max-h-0"} ${fontSize ? fontSize : ""}`}
>
<Divider className="mt-1" />
{list.map((item, i) => (
1 change: 1 addition & 0 deletions components/index.ts
Original file line number Diff line number Diff line change
@@ -31,6 +31,7 @@ export { default as JobAlert } from "./pages-components/jobs/JobAlert";
export { default as LandingSection } from "./pages-components/jobs/LandingSection";
// ABOUT PAGE COMPONENTS
export { default as WorldMap } from "./pages-components/about/WorldMap";
export { default as OurFamily } from "./pages-components/about/OurFamily";

// ********** ---| SECTIONS COMPONENTS |--- *********
// WHY KODERS SECTION COMPONENTS
20 changes: 20 additions & 0 deletions components/pages-components/about/Label.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import React from "react";

interface Props {
name: string;
position: string;
}
const Label = ({ name, position }: Props) => {
return (
<div className="pt-5 flex flex-col w-full absolute left-0 bottom-0 bg-gradient-to-b from-main-black-extraLight via-main-black-400 to-main-black-dark">
<span className="text-main-teal font-miligramTextBold text-[0.9rem] leading-none">
{name}
</span>
<span className="text-white font-miligramText400 text-[0.8rem] leading-none">
{position}
</span>
</div>
);
};

export default Label;
Loading

0 comments on commit c458cdc

Please sign in to comment.