diff options
Diffstat (limited to 'src/routes/(app)')
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+layout.svelte | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte index 133930b1..bbb2379e 100644 --- a/src/routes/(app)/[username]/(profile)/+layout.svelte +++ b/src/routes/(app)/[username]/(profile)/+layout.svelte @@ -59,6 +59,9 @@ t++; }, 10); }; + + let hideBio = true; + let toggleBio = () => (hideBio = false); </script> <div class="container mx-auto w-full px-4 mb-4 flex flex-wrap lg:flex-nowrap"> @@ -66,7 +69,11 @@ <div class="w-[240px] lg:absolute space-y-5 left-20 mx-auto lg:mr-10 mb-10"> <h1 class="text-3xl font-bold text-center mx-auto">{display || username}</h1> - <div class="text-secondary mx-auto text-center lg:text-left lg:mx-0"> + <div + class="text-secondary mx-auto text-center lg:text-left lg:mx-0" + class:line-clamp-3={hideBio} + on:click={toggleBio} + > {subject.address && subject.address !== 'null' ? subject.address : ''} </div> |