From 94241d16a1c1c7ddde87ab4c36458b48c9ad75dd Mon Sep 17 00:00:00 2001 From: Bauke Date: Tue, 16 Jan 2024 19:37:14 +0100 Subject: [PATCH] Fix personal projects with icons having different spacing than ones without. --- components/personal-projects.typ | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/components/personal-projects.typ b/components/personal-projects.typ index f25f00a..c4b51c1 100644 --- a/components/personal-projects.typ +++ b/components/personal-projects.typ @@ -2,6 +2,8 @@ #import "../utilities/localize.typ": localize #let personal_project(data, language) = { + let icon_size = 1.4em + let personal_project_name = localize(data, "name", language) let personal_project_heading = heading(level: 3, link(data.link, personal_project_name)); @@ -11,7 +13,7 @@ clip_icon: true, icon: "../" + data.header_image, icon_alt_text: personal_project_name, - icon_size: 1.4em, + icon_size: icon_size, personal_project_heading, ) } else { @@ -21,11 +23,16 @@ // Use a grid to space out the header and the body. grid( gutter: 0.5em, - // Use another grid to position the title and date. - grid( - columns: (1fr, auto), - personal_project_header, - align(horizon, text(size: 0.9em, localize(data, "date", language))), + // Set the height explicitly so the ones with icons don't look different + // from the ones without. + box( + height: icon_size, + // Use another grid to position the title and date. + grid( + columns: (1fr, auto), + personal_project_header, + align(horizon, text(size: 0.9em, localize(data, "date", language))), + ), ), // The body can contain Typst code so we use `eval()` to render it. eval(localize(data, "body", language)),