🐞 fix: time interval margin

change time interval margin on pdf
carlosjorger · Jul 23, 2023 · 8747136 · 8747136
1 parent 0040591
commit 8747136
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -35,9 +35,8 @@ Inside of your Astro project, you'll see the following folders and files:
 Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
 
 There's nothing special about `src/components/`, but that's where we like to put any Astro/Vue components.
-Inside `src/components/` there are two folders: `src/components/app` and `src/components/shared`.
 
-Inside app are the business component. Inside shared are the component that can be used by any components and doesnt depend on the business data or doesnt need to be descended from any particular components.
+Inside `src/components/` there are two folders: `src/components/app` and `src/components/shared`. Inside app are the business component. Inside shared are the component that can be used by any components and doesn't depend on the business data.
 
 Any static assets, like images, can be placed in the `public/` directory.
 

diff --git a/src/utils/resumePDF.ts b/src/utils/resumePDF.ts
@@ -17,7 +17,7 @@ import type { TimeInterval } from '../models/SubsectionTimeInterval';
 import { getIconByUrl } from '../utils/urlService';
 
 const dateRange =
-	'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="20" height="20" viewBox="0 0 24 24" class="iconify iconify--mdi"><path fill="currentColor" d="M8 14q-.425 0-.713-.288T7 13q0-.425.288-.713T8 12q.425 0 .713.288T9 13q0 .425-.288.713T8 14Zm4 0q-.425 0-.713-.288T11 13q0-.425.288-.713T12 12q.425 0 .713.288T13 13q0 .425-.288.713T12 14Zm4 0q-.425 0-.713-.288T15 13q0-.425.288-.713T16 12q.425 0 .713.288T17 13q0 .425-.288.713T16 14ZM5 22q-.825 0-1.413-.588T3 20V6q0-.825.588-1.413T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.588 1.413T19 22H5Zm0-2h14V10H5v10Z"/></svg>';
+	'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="15" height="15" viewBox="0 0 22 22" class="iconify iconify--mdi"><path fill="currentColor" d="M8 14q-.425 0-.713-.288T7 13q0-.425.288-.713T8 12q.425 0 .713.288T9 13q0 .425-.288.713T8 14Zm4 0q-.425 0-.713-.288T11 13q0-.425.288-.713T12 12q.425 0 .713.288T13 13q0 .425-.288.713T12 14Zm4 0q-.425 0-.713-.288T15 13q0-.425.288-.713T16 12q.425 0 .713.288T17 13q0 .425-.288.713T16 14ZM5 22q-.825 0-1.413-.588T3 20V6q0-.825.588-1.413T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.588 1.413T19 22H5Zm0-2h14V10H5v10Z"/></svg>';
 const enum IntroductionColumnType {
 	email,
 	link,
@@ -181,7 +181,7 @@ function createSubsectionTimeIntervalDefinition(
 		interval += createDateDefinition(timeInterval.dateTo);
 	}
 	result.push({ text: interval, style: 'h5' });
-	return { columns: result };
+	return { columns: result, style: ['timeInterval'] };
 }
 function createSubsectionDefinition(subsection: Subsection): Content {
 	const result = [{ text: subsection.title, style: 'h3' }] as Content[];
@@ -283,7 +283,7 @@ export function createResumePDFDefinition(
 			},
 			h5: {
 				fontSize: 12,
-				marginTop: 5,
+				marginTop: 2,
 			},
 			introductionColumn: {
 				fontSize: 10,
@@ -309,6 +309,9 @@ export function createResumePDFDefinition(
 			introductionColumnsBlock: {
 				marginTop: 5,
 			},
+			timeInterval: {
+				marginTop: 3,
+			},
 		},
 	};
 }