fix: pageTitle tx detail + style address detail

AstraProtocol · Oct 31, 2022 · 8ad2a2e · 8ad2a2e
1 parent 1a95a9e
commit 8ad2a2e
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 14 deletions.
diff --git a/components/Card/CardInfo/Components/RawInput.tsx b/components/Card/CardInfo/Components/RawInput.tsx
@@ -26,7 +26,7 @@ export default function RawInput({ text }: RawInputProps) {
 		utf8Text = web3.utils.toAscii(text)
 	} catch (e) {}
 	return (
-		<div style={{ maxWidth: '885px' }}>
+		<div style={{ maxWidth: '885px', maxHeight: '200px', overflowY: 'scroll' }}>
 			<Tabs
 				tabs={[
 					{ title: 'Hex', id: '1', padding: ' ' },

diff --git a/pages/tx/[tx].tsx b/pages/tx/[tx].tsx
@@ -40,7 +40,7 @@ const TransactionDetailPage: React.FC<Props> = ({ data, evmHash, cosmosHash }: P
 				<Breadcumbs
 					items={[
 						{ label: 'Validated Transactions', link: LinkMaker.transaction() },
-						{ label: ellipseBetweenText(cosmosHash, 6, 6) }
+						{ label: ellipseBetweenText(evmHash || cosmosHash, 6, 6) }
 					]}
 				/>
 				<div className="margin-top-2xl margin-bottom-md">

diff --git a/styles.css b/styles.css
@@ -1,3 +1,7 @@
+div {
+	overflow-x: initial !important;
+}
+
 .alert-enter {
 	transform: translateY(-100%);
 }

diff --git a/views/accounts/AddressOverview.tsx b/views/accounts/AddressOverview.tsx
@@ -41,19 +41,29 @@ const AddressOverview = ({ address, addressData }: Props) => {
 				</div>
 			</Row>
 			{isContract && (
-				<div
-					style={{ justifyContent: 'space-between' }}
-					className={clsx(styles.borderBottom, 'padding-bottom-lg padding-top-lg')}
-				>
-					<div>
-						<span className="text text-base contrast-color-50">Owner</span>
-						<br />
-						<LinkText href={LinkMaker.address(addressData.creator)}>{addressData.creator}</LinkText>
+				<div style={{ justifyContent: 'space-between' }} className={clsx('padding-bottom-lg padding-top-lg')}>
+					{addressData.tokenSymbol && (
+						<div
+							className={clsx(
+								styles.borderBottom,
+								'row padding-bottom-sm padding-top-sm block-ver-center'
+							)}
+						>
+							<span className="col-2 text text-base contrast-color-50">Token</span>
+							<span className="col-10 text text-base">
+								{addressData.tokenName} ({addressData.tokenSymbol})
+							</span>
+						</div>
+					)}
+					<div className={clsx(styles.borderBottom, 'row padding-bottom-sm padding-top-sm block-ver-center')}>
+						<span className="col-2 text text-base contrast-color-50">Owner</span>
+						<LinkText classes="col-10" href={LinkMaker.address(addressData.creator)}>
+							{addressData.creator}
+						</LinkText>
 					</div>
-					<div>
-						<span className="text text-base contrast-color-50">Transaction Hash</span>
-						<br />
-						<LinkText href={LinkMaker.transaction(addressData.creationTransaction)}>
+					<div className={clsx(styles.borderBottom, 'row padding-bottom-sm padding-top-sm block-ver-center')}>
+						<span className="col-2 text text-base contrast-color-50">Creation Hash</span>
+						<LinkText classes="col-10" href={LinkMaker.transaction(addressData.creationTransaction)}>
 							{addressData.creationTransaction}
 						</LinkText>
 					</div>