prevent tx_signature overflow (MystenLabs#1854)

tonythanh2012 · May 7, 2022 · 2a87c3e · 2a87c3e
1 parent 60723c9
commit 2a87c3e
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/explorer/client/src/components/transaction-card/TransactionCard.module.css b/explorer/client/src/components/transaction-card/TransactionCard.module.css
@@ -16,20 +16,24 @@ div.txcardgrid:nth-child(2n + 1) {
     @apply bg-[#f6f6f6];
 }
 
+.listitems .sublist > div {
+    @apply break-all break-words max-w-[84vw] overflow-auto;
+}
+
 div.txcardgrid:first-child {
     @apply bg-offblack rounded-none items-center pt-5 pb-5 font-black shadow-md border-2 border-coolGray-400;
 }
 
 div.txcardgrid > div:first-child {
-    @apply col-span-1 font-normal;
+    @apply col-span-1 font-normal w-[90vw];
 }
 
 div.txcardgrid > div:last-child {
     @apply border-none;
 }
 
 div.txcardgridlarge {
-    @apply font-mono break-all tracking-tight font-normal block col-span-2;
+    @apply font-mono break-all tracking-tight font-normal md:block col-span-2  max-w-[84vw];
 }
 
 div.status-success {
@@ -61,15 +65,15 @@ ul.listitems {
 }
 
 .listitems .list {
-    @apply mt-5 list-none p-0;
+    @apply mt-5 list-none p-0  max-w-[84vw];
 }
 
 .listitems .list:first-child {
     @apply mt-0;
 }
 
 .listitems .sublist {
-    @apply mt-2 list-none p-0 md:flex grid gap-2 pr-0;
+    @apply mt-2 list-none p-0 md:flex grid gap-2 pr-0  max-w-[84vw];
 }
 
 div.sublist .sublistlabel {