more pretty

nimiq · Oct 3, 2023 · d6d3838 · d6d3838
1 parent aeb8420
commit d6d3838
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/elements/ProviderBanner.vue b/src/components/elements/ProviderBanner.vue
@@ -56,12 +56,12 @@ const isMobile = useBreakpoints(screens).smaller('md')
             <div>
               <header class="flex items-center justify-start gap-x-2">
                 <ProviderCircleLogo :provider="location.provider" />
-                <h4 class="font-semibold truncate">
+                <h4 class="font-semibold truncate [text-wrap:balance]">
                   {{ location.provider }}
                 </h4>
               </header>
 
-              <p class="mt-2 text-sm text-white/60">
+              <p class="mt-2 text-sm text-white/60 [text-wrap:pretty]">
                 {{ location.providerTooltip }}
               </p>
 

diff --git a/src/components/icons/cryptos/CryptoIcon.vue b/src/components/icons/cryptos/CryptoIcon.vue
@@ -79,7 +79,7 @@ const isMobile = useBreakpoints(screens).smaller('md')
             {{ $t('GoCrypto supports Binance Pay') }}
           </h4>
 
-          <p class="mt-2 text-sm text-white/60">
+          <p class="mt-2 text-sm text-white/60 [text-wrap:pretty]">
             {{ $t('Binance Pay is a cryptocurrency payment service that empowers users to pay with crypto at shops and establishments supporting Binance Pay.') }}
           </p>