Skip to content
Snippets Groups Projects
Commit fc053aea authored by Fatih20's avatar Fatih20
Browse files

Improve styling of the user's skills

parent d6b8b1ff
No related merge requests found
...@@ -180,13 +180,13 @@ function SkillManagement() { ...@@ -180,13 +180,13 @@ function SkillManagement() {
}); });
return ( return (
<div className="flex flex-col lg:grid grid-cols-2 grid-rows-2 w-full gap-4 lg:gap-6"> <div className="flex flex-col lg:grid grid-cols-2 grid-rows-2 auto-rows-min grid-flow-row w-full gap-4 lg:gap-6">
<div className="w-full flex flex-col items-center row-span-1 col-span-1 row-start-1 col-start-1"> <div className="w-full flex flex-col justify-start items-start row-span-1 col-span-1 row-start-1 col-start-1 border-b-2 border-primary h-full max-h-[18.75rem] overflow-y-scroll box-border pb-4 py-2 lg:px-4">
{userSkillsStatus === "success" && userSkills ? ( {userSkillsStatus === "success" && userSkills ? (
userSkills.length === 0 ? ( userSkills.length === 0 ? (
<p>You have no skills!</p> <p>You have no skills!</p>
) : ( ) : (
<div className="flex flex-row flex-wrap gap-2"> <div className="flex flex-row flex-wrap gap-2">
{userSkills.map((skill) => ( {userSkills.map((skill) => (
<UserSkillBit <UserSkillBit
selected={selectedSkill?.skillName === skill.skillName} selected={selectedSkill?.skillName === skill.skillName}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment