fix: responsiveness

getAlby · May 23, 2024 · d258cbb · d258cbb
1 parent 373b62e
commit d258cbb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/app/screens/Accounts/Detail/index.tsx b/src/app/screens/Accounts/Detail/index.tsx
@@ -464,7 +464,7 @@ function AccountDetail() {
                   </div>
 
                   <div className="flex items-center gap-2">
-                    <p className="text-gray-600 text-sm dark:text-neutral-400">
+                    <p className="text-gray-600 text-sm dark:text-neutral-400 text-ellipsis whitespace-nowrap overflow-hidden">
                       {nostrPublicKey}
                     </p>
                     {nostrPublicKey && (

diff --git a/src/app/screens/Accounts/NostrSettings/index.tsx b/src/app/screens/Accounts/NostrSettings/index.tsx
@@ -303,15 +303,21 @@ function NostrSettings() {
                 <p className="text-gray-800 dark:text-white font-medium">
                   {t("nostr.settings.nostr_address.manage_nostr_address.title")}
                 </p>
-                <p className="text-gray-600 text-xs dark:text-neutral-400">
+                <p className="text-gray-600 text-sm dark:text-neutral-400 text-ellipsis whitespace-nowrap overflow-hidden">
                   <Trans
                     i18nKey={
                       NIP05Key === ""
                         ? "nostr.settings.nostr_address.manage_nostr_address.description_alternate"
                         : "nostr.settings.nostr_address.manage_nostr_address.description"
                     }
                     t={t}
-                    values={{ lnaddress: lightningAddress, npub: NIP05Key }}
+                    values={{
+                      lnaddress: lightningAddress,
+                      npub:
+                        NIP05Key.substring(0, 11) +
+                        "..." +
+                        NIP05Key.substring(NIP05Key.length - 11),
+                    }}
                     // eslint-disable-next-line react/jsx-key
                     components={[<b></b>]}
                   />