[resumes][fix] reduce font size in comments

pull/399/head
Keane Chan 3 years ago
parent a5c300c9b2
commit 8e3f8ab604
No known key found for this signature in database
GPG Key ID: 32718398E1E9F87C

@ -33,7 +33,7 @@ export default function ResumeCommentsList({
const commentsQuery = trpc.useQuery(['resumes.comments.list', { resumeId }]); const commentsQuery = trpc.useQuery(['resumes.comments.list', { resumeId }]);
const renderIcon = (section: ResumesSection) => { const renderIcon = (section: ResumesSection) => {
const className = 'h-8 w-8'; const className = 'h-7 w-7';
switch (section) { switch (section) {
case ResumesSection.GENERAL: case ResumesSection.GENERAL:
return <IdentificationIcon className={className} />; return <IdentificationIcon className={className} />;
@ -83,11 +83,11 @@ export default function ResumeCommentsList({
const commentCount = comments.length; const commentCount = comments.length;
return ( return (
<div key={value} className="mb-4 space-y-3"> <div key={value} className="mb-4 space-y-4">
<div className="flex flex-row items-center space-x-2 text-indigo-800"> <div className="flex flex-row items-center space-x-2 text-indigo-800">
{renderIcon(value)} {renderIcon(value)}
<div className="w-fit text-xl font-medium">{label}</div> <div className="w-fit text-lg font-medium">{label}</div>
</div> </div>
{commentCount > 0 ? ( {commentCount > 0 ? (

@ -13,7 +13,6 @@ export const resumeCommentsRouter = createRouter().query('list', {
// For this resume, we retrieve every comment's information, along with: // For this resume, we retrieve every comment's information, along with:
// The user's name and image to render // The user's name and image to render
// Number of votes, and whether the user (if-any) has voted
const comments = await ctx.prisma.resumesComment.findMany({ const comments = await ctx.prisma.resumesComment.findMany({
include: { include: {
user: { user: {

Loading…
Cancel
Save