<LensProfile>: show ownedBy address; update layout

darrylyeo · Apr 15, 2023 · b08b64b · b08b64b
1 parent a6fb8de
commit b08b64b
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/src/components/LensProfile.svelte b/src/components/LensProfile.svelte
@@ -44,7 +44,7 @@
 	{/if}
 
 	<header class="bar wrap">
-		<h3 class="row">
+		<div class="row">
 			{#if profile.picture?.uri || profile.picture?.original?.url}
 				{#if profile.picture.contractAddress}
 					<Address
@@ -58,12 +58,20 @@
 				{/if}
 			{/if}
 
-			<LensName {instance} lensName={profile.handle} />
+			<span class="row-inline">
+				<h3>
+					<LensName {instance} lensName={profile.handle} />
+				</h3>
+
+				<small class="muted">
+					<Address {network} address={profile.ownedBy} />
+				</small>
+			</span>
 
 			{#if profile.isDefault}
 				<span class="default" title="Default Profile">✔</span>
 			{/if}
-		</h3>
+		</div>
 
 		<span class="card-annotation">
 			{#if profile.isDefault}Default {/if}Lens Profile
@@ -175,4 +183,12 @@
 		gap: var(--padding-inner);
 		grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
 	}
+
+	.muted {
+		opacity: 0.85;
+	}
+
+	small {
+		font-size: 0.75em;
+	}
 </style>