cantyonion/WebIndex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug fix: calcHeight

Browse Source
This commit is contained in:
Jeffrey Hsu 2025-01-14 14:53:44 +08:00
parent 79c25ef7a7
commit ecaad4e62a
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/card/GitCard.vue
View File

@ -50,7 +50,16 @@ const props = defineProps<{
return `${years} 年前`
},
calcHeight = (n: number) => `${n * 2.5}rem`
calcHeight = (n: number) => {
/*
* Content:
* text-base: 1rem
* my-2: 1rem (0.5 + 0.5)
* Compare URL:
* text-base: 1rem
* */
return `${2 * n + (n > 1 ? 2 : 0)}rem`
}
</script>
<template>
@ -76,7 +85,7 @@ const props = defineProps<{
<div
v-if="commit.content"
class="ml-14 overflow-hidden transition-all duration-500 lg:invisible lg:opacity-0
lg:h-0 lg:group-hover:h-[999px] lg:group-hover:visible lg:group-hover:opacity-100"
lg:h-0 lg:group-hover:h-80 lg:group-hover:visible lg:group-hover:opacity-100"
:style="{ maxHeight: calcHeight(commit.content.Commits.length) }"
>
<div