support multiline about me's
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful

This commit is contained in:
Twig 2025-08-05 05:25:02 +02:00
parent 59422455bb
commit d276faebcc
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
4 changed files with 43 additions and 5 deletions

View file

@ -12,7 +12,7 @@
<span v-if="props.user.pronouns"> - {{ props.user.pronouns }}</span>
</p>
<div id="about-me" v-if="props.user.about">
{{ props.user.about }}
{{ props.user.about.trim() }}
</div>
</div>
</div>
@ -80,9 +80,16 @@ const props = defineProps<{
#about-me {
background-color: var(--secondary-color);
border-radius: 12px;
margin-top: 32px;
padding: 16px;
font-size: 16px;
white-space: pre-line;
line-height: 1;
max-height: 7em; /* 7 x 1 */
overflow-y: auto;
overflow-x: hidden;
}
</style>