@mysten/dapp-kit
Version:
A collection of React hooks and components for interacting with the Sui blockchain and wallets.
34 lines (33 loc) • 2.11 kB
CSS
/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzFkcXF0cXMxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzFkcXF0cXMxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMWRxcXRxczIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xZHFxdHFzMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ== */
[data-dapp-kit].WalletListItem_container__1dqqtqs0,
[data-dapp-kit] .WalletListItem_container__1dqqtqs0 {
display: flex;
}
[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1,
[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1 {
display: flex;
align-items: center;
flex-grow: 1;
padding: 8px;
gap: 8px;
border-radius: var(--dapp-kit-radii-large);
}
[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1:hover,
[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1:hover {
background-color: var(--dapp-kit-backgroundColors-walletItemHover);
}
[data-dapp-kit].WalletListItem_selectedWalletItem__1dqqtqs2,
[data-dapp-kit] .WalletListItem_selectedWalletItem__1dqqtqs2 {
background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
[data-dapp-kit].WalletListItem_walletIcon__1dqqtqs3,
[data-dapp-kit] .WalletListItem_walletIcon__1dqqtqs3 {
width: 28px;
height: 28px;
flex-shrink: 0;
-o-object-fit: cover;
object-fit: cover;
border-radius: var(--dapp-kit-radii-small);
}
/*# sourceMappingURL=WalletListItem.css.css.map */