diff options
| author | Adam Soltys <[email protected]> | 2023-03-10 16:23:43 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-03-10 16:23:43 -0800 |
| commit | 2488e7f762931f1daecc600f6d4fda3805614cb9 (patch) | |
| tree | 688590b66b0bfa9de7e0d8c79c909b7039662853 /src/routes/(app) | |
| parent | 90b84cbd4eb1465e30898a2ff3fd604ff8ec7cf1 (diff) | |
| download | coinos-ui-2488e7f762931f1daecc600f6d4fda3805614cb9.tar.gz coinos-ui-2488e7f762931f1daecc600f6d4fda3805614cb9.zip | |
truncate bio
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> |