[offers][style] fix education card style (#549)

This commit is contained in:
Zhang Ziqing
2022-11-09 13:09:07 +08:00
committed by GitHub
parent 53fb711f9a
commit b7d1cef759
3 changed files with 7 additions and 10 deletions

View File

@@ -1,7 +1,4 @@
import {
BuildingLibraryIcon,
LightBulbIcon,
} from '@heroicons/react/24/outline';
import { BuildingLibraryIcon, LightBulbIcon } from '@heroicons/react/20/solid';
import type { EducationType } from '~/components/offers/EducationFields';
import { getLabelForEducationFieldType } from '~/components/offers/EducationFields';
@@ -18,9 +15,9 @@ export default function EducationCard({
<div className="block rounded-lg border border-slate-200 bg-white p-4 text-sm ">
<div className="flex justify-between">
<div>
<div className="flex items-center">
<LightBulbIcon className="mr-1 h-5" />
<span className="text-semibold ml-1">
<div className="mb-2 flex items-center">
<LightBulbIcon className="mr-1 h-5 text-slate-400" />
<span className="ml-1 font-semibold">
{field
? `${
type ? type.charAt(0).toUpperCase() + type.slice(1) : 'N/A'
@@ -35,7 +32,7 @@ export default function EducationCard({
</div>
{school && (
<div className="flex flex-row">
<BuildingLibraryIcon className="mr-1 h-5" />
<BuildingLibraryIcon className="mr-1 h-5 text-slate-400" />
<span className="ml-1">{school}</span>
</div>
)}

View File

@@ -200,7 +200,7 @@ export default function OfferProfile() {
<div className="flex h-screen w-screen">
<div className="m-auto mx-auto w-screen justify-center font-medium text-slate-500">
<Spinner display="block" size="lg" />
<div className="text-center">Loading...</div>
<div className="text-center">Loading profile...</div>
</div>
</div>
) : (

View File

@@ -82,7 +82,7 @@ export default function OffersSubmissionResult() {
<div className="flex h-screen w-screen">
<div className="m-auto mx-auto w-screen justify-center font-medium text-slate-500">
<Spinner display="block" size="lg" />
<div className="text-center">Loading...</div>
<div className="text-center">Loading results...</div>
</div>
</div>
) : checkToken.isError || getAnalysis.isError ? (