Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Horizontal Scrool removed from Profile Page Issue no #30 Resolved #48

Merged
merged 1 commit into from
Oct 11, 2024
Merged

Horizontal Scrool removed from Profile Page Issue no #30 Resolved #48

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 24 additions & 23 deletions src/Components/RepoInfo.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,48 +8,49 @@ import { BiGitRepoForked } from "react-icons/bi";
export default function RepoInfo(props) {
return (
<>
<div className="bg-black font-manrope tracking-wide bg-opacity-20 w-full md:w-5/6 rounded-2xl p-4 mt-4 md:mt-6 md:mx-auto text-slate-100">
{/* commitcount remaining to add */}
<div className="flex justify-between">
<div>
<a href={props.url} className="flex">
<span className="text-xl hover:underline cursor-pointer text-blue-600 font-extrabold">
<div className="bg-black font-manrope tracking-wide bg-opacity-20 w-full md:w-5/6 rounded-2xl p-4 mt-4 md:mt-6 md:mx-auto text-slate-100 overflow-hidden">
<div className="flex flex-col md:flex-row justify-between">
<div className="w-full md:w-3/4">
<a href={props.url} className="flex items-center overflow-hidden">
<span className="text-lg md:text-xl hover:underline cursor-pointer text-blue-600 font-extrabold truncate">
{props.name}
</span>
<HiOutlineExternalLink className="md:my-[3px] my-[4px] mx-1.5 text-2xl text-slate-600" />
<HiOutlineExternalLink className="my-[3px] mx-1.5 text-xl md:text-2xl text-slate-600" />
</a>
{props.desc && (
<div className="flex md:mt-2 text-slate-400 text-sm">
<div className="mt-1 md:mt-2 text-slate-400 text-xs md:text-sm break-words">
{props.desc}
</div>
)}
</div>
<div className="flex flex-col">
<div className="flex my-1">
<BsStarFill className="md:my-[3px] my-[2.5px] mx-1.5 text-yellow-300" />
<span>
<div className="flex flex-col mt-2 md:mt-0">
<div className="flex items-center my-1">
<BsStarFill className="my-[2.5px] mx-1.5 text-yellow-300" />
<span className="text-xs md:text-sm">
{props.star_count > 1 ? "Stars" : "Star"}: {props.star_count}
</span>
</div>
<div className="flex my-1">
<BiGitRepoForked className="md:my-[3px] my-[2.5px] mx-1" />
{props.forks_count > 1 ? "Forks" : "Fork"}: {props.forks_count}
<div className="flex items-center my-1">
<BiGitRepoForked className="my-[2.5px] mx-1" />
<span className="text-xs md:text-sm">
{props.forks_count > 1 ? "Forks" : "Fork"}: {props.forks_count}
</span>
</div>
</div>
</div>
<div className="flex my-4 justify-between">
<div className="flex">
<BsCodeSlash className="md:my-[3px] my-[4px] mx-1.5" />
Language: {props.language}
<div className="flex flex-col md:flex-row my-4 justify-between text-xs md:text-sm">
<div className="flex items-center">
<BsCodeSlash className="my-[4px] mx-1.5" />
<span>Language: {props.language}</span>
</div>
<div className="flex">
<AiOutlineCode className="md:my-[3px] my-[2.5px] mx-1.5" />
<a href={props.clone_url} className="hover:underline">
<div className="flex items-center mt-2 md:mt-0">
<AiOutlineCode className="my-[2.5px] mx-1.5" />
<a href={props.clone_url} className="hover:underline truncate">
Clone URL
</a>
</div>
</div>
</div>
</>
);
}
}