From fc053aea8a666fb64df49b3115313adcd5280658 Mon Sep 17 00:00:00 2001
From: Fatih20 <fnri39@protonmail.com>
Date: Wed, 15 Nov 2023 01:21:55 +0700
Subject: [PATCH] Improve styling of the user's skills
---
src/components/profile/SkillManagement.tsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/profile/SkillManagement.tsx b/src/components/profile/SkillManagement.tsx
index a193ce4..0648270 100644
--- a/src/components/profile/SkillManagement.tsx
+++ b/src/components/profile/SkillManagement.tsx
@@ -180,13 +180,13 @@ function SkillManagement() {
});
return (
- <div className="flex flex-col lg:grid grid-cols-2 grid-rows-2 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="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 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 ? (
userSkills.length === 0 ? (
<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) => (
<UserSkillBit
selected={selectedSkill?.skillName === skill.skillName}
--
GitLab