1
0
Fork 0
blog/src/features/Web3/components/Preview/Data.module.css

47 lines
681 B
CSS

.table {
width: 100%;
display: table;
margin-bottom: calc(var(--spacer) / 1.5);
}
table[aria-disabled='true'] {
opacity: 0.5;
pointer-events: none;
}
.table td {
padding: calc(var(--spacer) / 4) calc(var(--spacer) / 3);
}
.to,
.from {
display: block;
word-break: break-all;
background: none;
padding: 0;
}
.label {
color: var(--text-color-light);
vertical-align: top;
width: 6rem;
}
.amount {
display: flex;
align-items: center;
}
.table :global(.TokenLogo) {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid var(--border-color);
}
.table :global(.TokenLogo) img {
width: 100%;
height: 100%;
border-radius: 50%;
}