fix: mobile truncate identity (#604)

ArkEcosystem · Nov 16, 2020 · 0386f41 · 0386f41
1 parent c417721
commit 0386f41
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
     "/js/app.js": "/js/app.js?id=c9cf7238791e8054b861",
-    "/css/app.css": "/css/app.css?id=f8da6321958fb76bfd19",
+    "/css/app.css": "/css/app.css?id=5cecaad546a1c09b5c86",
     "/js/chart.js": "/js/chart.js?id=34ccf97ba22038c7b06d",
     "/js/clipboard.js": "/js/clipboard.js?id=99d052d4c54fa6c91edc"
 }
diff --git a/resources/css/_general.css b/resources/css/_general.css
@@ -538,6 +538,10 @@ body {
 .delegate-name-truncate {
     @apply w-full truncate;
 }
+.delegate-name-truncate-listing {
+    @apply delegate-name-truncate;
+    max-width: 7rem;
+}
 .delegate-name-truncate-prefix {
     @apply delegate-name-truncate;
     max-width: 6rem;

diff --git a/resources/views/components/general/identity.blade.php b/resources/views/components/general/identity.blade.php
@@ -13,7 +13,13 @@
 
             <a href="{{ route('wallet', $model->address()) }}" class="font-semibold link sm:hidden md:flex">
                 @if ($model->username())
-                    <div class="{{ ($prefix ?? false) ? 'delegate-name-truncate-prefix' : 'delegate-name-truncate' }}">
+                    @if ($prefix ?? false)
+                        <div class="delegate-name-truncate-prefix">
+                    @elseif ($isListing ?? false)
+                        <div class="delegate-name-truncate-listing">
+                    @else
+                        <div class="delegate-name-truncate">
+                    @endif
                         {{ $model->username() }}
                     </div>
                 @else

diff --git a/resources/views/components/tables/rows/mobile/username-with-avatar.blade.php b/resources/views/components/tables/rows/mobile/username-with-avatar.blade.php
@@ -1 +1 @@
-<x-general.identity :model="$model" without-reverse />
+<x-general.identity :model="$model" without-reverse is-listing />