@@ -84,24 +84,25 @@ const createCompactLangNode = ({ lang, x, y, display_format }) => {
84
84
* @param {WakaTimeLang[] } args.langs The language objects.
85
85
* @param {number } args.y The y position of the language node.
86
86
* @param {"time" | "percent" } args.display_format The display format of the language node.
87
+ * @param {number } args.lineHeight The line height for spacing.
87
88
* @returns {string[] } The language text node items.
88
89
*/
89
- const createLanguageTextNode = ( { langs, y, display_format } ) => {
90
+ const createLanguageTextNode = ( { langs, y, display_format, lineHeight = 25 } ) => {
90
91
const halfLength = Math . ceil ( langs . length / 2 ) ;
91
92
92
93
return langs . map ( ( lang , index ) => {
93
94
if ( index < halfLength ) {
94
95
return createCompactLangNode ( {
95
96
lang,
96
97
x : 25 ,
97
- y : 12.5 * index + y ,
98
+ y : lineHeight * index + y ,
98
99
display_format,
99
100
} ) ;
100
101
} else {
101
102
return createCompactLangNode ( {
102
103
lang,
103
104
x : 230 ,
104
- y : 12.5 * ( index - halfLength ) + y ,
105
+ y : lineHeight * ( index - halfLength ) + y ,
105
106
display_format,
106
107
} ) ;
107
108
}
@@ -297,7 +298,7 @@ const renderWakatimeCard = (stats = {}, options = { hide: [] }) => {
297
298
// RENDER COMPACT LAYOUT
298
299
if ( layout === "compact" ) {
299
300
width = width + 50 ;
300
- height = 90 + Math . round ( filteredLanguages . length / 2 ) * 25 ;
301
+ height = 90 + Math . round ( filteredLanguages . length / 2 ) * lheight ;
301
302
302
303
// progressOffset holds the previous language's width and used to offset the next language
303
304
// so that we can stack them one after another, like this: [--][----][---]
@@ -336,6 +337,7 @@ const renderWakatimeCard = (stats = {}, options = { hide: [] }) => {
336
337
y : 25 ,
337
338
langs : filteredLanguages ,
338
339
display_format,
340
+ lineHeight : lheight ,
339
341
} ) . join ( "" )
340
342
: noCodingActivityNode ( {
341
343
// @ts -ignore
0 commit comments