- {`#${idx + 1}`} |
-
- r || disabled}
- />
- |
-
- {disabled ? (
-
- {v.slice(0, -6)}
- ...
- {v.slice(-6)}
-
- ) : (
+
+
+ )
+ },
+ },
+ ]}
+ dataSource={dataSource}
+ />
+
)
}
@@ -91,20 +98,27 @@ const MultiSignAddressInfo = ({
}) => {
const [t] = useTranslation()
return (
- <>
- {t('multisig-address.create-dialog.multi-address-info.view-title', { m, n })}
-
+ {t('multisig-address.create-dialog.multi-address-info.view-title', { m, n })}
+
+ {multisigAddress}
+
+
+ }
+ showTriangle
+ isTriggerNextToChild
>
- {multisigAddress.slice(0, -6)}
- ...
- {multisigAddress.slice(-6)}
-
- {t('multisig-address.create-dialog.multi-list', { m, n })}
+
+
+ {multisigAddress.slice(0, 34)}...{multisigAddress.slice(-34)}
+
+
+
+ {t('multisig-address.create-dialog.multi-list', { m, n })}
- >
+
)
}
diff --git a/packages/neuron-ui/src/components/MultisigAddressInfo/multisig-address-info.module.scss b/packages/neuron-ui/src/components/MultisigAddressInfo/multisig-address-info.module.scss
index 88c40af718..66e7241cfe 100644
--- a/packages/neuron-ui/src/components/MultisigAddressInfo/multisig-address-info.module.scss
+++ b/packages/neuron-ui/src/components/MultisigAddressInfo/multisig-address-info.module.scss
@@ -1,27 +1,76 @@
+@import '../../styles/mixin.scss';
-.multiAddressTable {
- width: 100%;
- border-collapse: collapse;
+.container {
+ width: 646px;
+ .title {
+ color: var(--secondary-text-color);
+ margin: 0;
+ }
- tr {
- border-bottom: 1px solid #b3b3b3;
+ .copyTableAddress {
+ word-break: break-all;
+ text-align: center;
+ font-family: 'JetBrains Mono';
+ width: 300px;
+ white-space: normal;
+ line-height: 24px;
+
+ & > svg {
+ margin-left: 4px;
+ vertical-align: middle;
+ }
}
- tbody {
- td {
- padding: 8px;
- min-width: 40px;
- text-align: left;
+ .addressWrap {
+ height: 56px;
+ margin: 8px 0 20px;
+ line-height: 56px;
+ border: 1px solid var(--divide-line-color);
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--main-text-color);
+
+ span {
+ line-height: 56px;
+ font-family: 'JetBrains Mono';
+ }
+
+ .overflow {
+ word-break: break-all;
+ line-height: 56px;
+ overflow: hidden;
+ }
+
+ &:hover {
+ color: var(--activity-color);
}
}
+}
+
+.tableWrap {
+ margin-top: 16px;
+ border: 1px solid var(--table-head-border-color);
+ border-radius: 16px;
+ border-top: none;
+ color: var(--main-text-color);
+ @include checkbox;
- .address {
- width: 400px;
-
- .addressField {
- display: block;
+ tr {
+ &:last-child {
+ td {
+ border: none;
+ }
}
}
+
+ .addressField {
+ margin-bottom: 0;
+ margin-right: 20px;
+ padding: 10px 0;
+ min-width: 476px;
+ }
}
.copyzone {
diff --git a/packages/neuron-ui/src/components/PasswordRequest/index.tsx b/packages/neuron-ui/src/components/PasswordRequest/index.tsx
index f2d6445d5b..a1debde2e9 100644
--- a/packages/neuron-ui/src/components/PasswordRequest/index.tsx
+++ b/packages/neuron-ui/src/components/PasswordRequest/index.tsx
@@ -366,6 +366,7 @@ const PasswordRequest = () => {
/>
)
}
+
return (
|