Merge pull request #391 from solid-connection/fix/css-alls

fix: move university card border style to inner div

Author: manNomi

apps/web/public/images/univs/incheon.png

@@ -17,51 +17,49 @@ const UniversityCard = ({ university, showCapacity = true }: UniversityCardProps
       : university.koreanName;
 
   return (
-    <Link
-      className="relative h-[91px] w-full overflow-hidden rounded-lg border border-solid border-k-100 hover:-translate-y-0.5 hover:shadow-md hover:shadow-black/10"
-      href={`/university/${university.id}`}
-      aria-labelledby={`university-name-${university.id}`}
-    >
-      <div className="flex justify-between px-5 py-3.5">
-        <div className="flex gap-[23.5px]">
-          <div className="flex flex-shrink-0 items-center">
-            <Image
-              className="h-14 w-14 rounded-full object-cover"
-              src={convertImageUrl(university.logoImageUrl)}
-              width={56}
-              height={56}
-              alt="대학 이미지"
-            />
-          </div>
+    <Link className="block" href={`/university/${university.id}`} aria-labelledby={`university-name-${university.id}`}>
+      <div className="relative h-[91px] w-full overflow-hidden rounded-lg border border-solid border-k-100 hover:-translate-y-0.5 hover:shadow-md hover:shadow-black/10">
+        <div className="flex justify-between px-5 py-3.5">
+          <div className="flex gap-[23.5px]">
+            <div className="flex flex-shrink-0 items-center">
+              <Image
+                className="h-14 w-14 rounded-full object-cover"
+                src={convertImageUrl(university.logoImageUrl)}
+                width={56}
+                height={56}
+                alt="대학 이미지"
+              />
+            </div>
 
-          <div className="flex flex-col">
-            <span
-              id={`university-name-${university.id}`}
-              className="truncate text-k-700 typo-bold-4"
-              aria-label={convertedKoreanName}
-            >
-              {convertedKoreanName}
-            </span>
-            <div className="flex items-center gap-2.5">
-              <span className="text-k-500 typo-medium-4">
-                {university.country} | {university.region}
+            <div className="flex flex-col">
+              <span
+                id={`university-name-${university.id}`}
+                className="truncate text-k-700 typo-bold-4"
+                aria-label={convertedKoreanName}
+              >
+                {convertedKoreanName}
               </span>
-              {showCapacity && <span className="text-primary typo-sb-11">모집 {university.studentCapacity}명</span>}
-            </div>
-            <div className="flex gap-4">
-              {university.languageRequirements.slice(0, 3).map((requirement) => {
-                const testName = shortenLanguageTestName(requirement.languageTestType);
-                return (
-                  <span key={requirement.languageTestType} className="whitespace-nowrap text-primary typo-sb-11">
-                    {testName ?? requirement.languageTestType} {requirement.minScore}
-                  </span>
-                );
-              })}
+              <div className="flex items-center gap-2.5">
+                <span className="text-k-500 typo-medium-4">
+                  {university.country} | {university.region}
+                </span>
+                {showCapacity && <span className="text-primary typo-sb-11">모집 {university.studentCapacity}명</span>}
+              </div>
+              <div className="flex gap-4">
+                {university.languageRequirements.slice(0, 3).map((requirement) => {
+                  const testName = shortenLanguageTestName(requirement.languageTestType);
+                  return (
+                    <span key={requirement.languageTestType} className="whitespace-nowrap text-primary typo-sb-11">
+                      {testName ?? requirement.languageTestType} {requirement.minScore}
+                    </span>
+                  );
+                })}
+              </div>
             </div>
           </div>
-        </div>
-        <div className="flex items-center">
-          <CheveronRightFilled color="black" opacity="0.54" />
+          <div className="flex items-center">
+            <CheveronRightFilled color="black" opacity="0.54" />
+          </div>
         </div>
       </div>
     </Link>