Fix container width

pages/[profileAddress]/index.vue

@@ -53,7 +53,7 @@ const showProfileDetails = computed(
 <template>
   <div class="relative">
     <div
-      class="max-w-[835px] py-20 px-4 mx-auto relative transition-opacity duration-300"
+      class="max-w-content py-20 px-4 mx-auto relative transition-opacity duration-300"
       :class="{
         'opacity-0': status.isAssetLoading || status.isProfileLoading,
         'opacity-100': !status.isAssetLoading && !status.isProfileLoading,

pages/[profileAddress]/lyx-details.vue

@@ -31,7 +31,7 @@ const handleSendLyx = () => {
         'opacity-0': profileStatus.isAssetLoading,
         'opacity-100': !profileStatus.isAssetLoading,
       }"
-      class="max-w-[835px] py-20 px-4 mx-auto relative grid grid-cols-[1fr,2fr] gap-12 transition-opacity duration-300"
+      class="max-w-content py-20 px-4 mx-auto relative grid grid-cols-[1fr,2fr] gap-12 transition-opacity duration-300"
     >
       <div>
         <lukso-card is-full-width size="small">
@@ -56,7 +56,7 @@ const handleSendLyx = () => {
             :profile="connectedProfile"
             :amount="viewedProfile.balance"
             :symbol="currentNetwork.token.symbol"
-            :decimals="18"
+            :decimals="ASSET_LYX_DECIMALS"
           />
 
           <lukso-button is-full-width class="mt-4" @click="handleSendLyx">{{

pages/[profileAddress]/nft/[nftAddress]/tokenId/[tokenId].vue

@@ -25,7 +25,7 @@ watchEffect(() => {
         'opacity-0': profileStatus.isAssetLoading,
         'opacity-100': !profileStatus.isAssetLoading,
       }"
-      class="max-w-[835px] py-20 px-4 mx-auto relative grid grid-cols-[1fr,2fr] gap-12 transition-opacity duration-300"
+      class="max-w-content py-20 px-4 mx-auto relative grid grid-cols-[1fr,2fr] gap-12 transition-opacity duration-300"
     >
       <div>
         <lukso-card size="small" is-full-width

pages/[profileAddress]/token/[tokenAddress].vue

@@ -30,7 +30,7 @@ const tokenSupply = computed(() => {
         'opacity-0': profileStatus.isAssetLoading,
         'opacity-100': !profileStatus.isAssetLoading,
       }"
-      class="max-w-[835px] py-20 px-4 mx-auto relative grid grid-cols-[1fr,2fr] gap-12 transition-opacity duration-300"
+      class="max-w-content py-20 px-4 mx-auto relative grid grid-cols-[1fr,2fr] gap-12 transition-opacity duration-300"
     >
       <div>
         <lukso-card is-full-width size="small">
@@ -69,6 +69,11 @@ const tokenSupply = computed(() => {
       <div>
         <div class="heading-apax-24-medium pb-8">{{ token?.name }}</div>
         <AssetAddress v-if="token?.address" :address="token.address" />
+        <AssetSupply
+          v-if="token?.amount"
+          :supply="token.amount"
+          :symbol="token?.symbol || ''"
+        />
         <AssetSupply :supply="tokenSupply" :symbol="token?.symbol || ''" />
         <AssetLinks
           v-if="token?.links && token.links.length > 0"