@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
75 lines (74 loc) • 3.27 kB
CSS
/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VUwU4bMRC95yvmUilIdbQJBKi5tGoPRWpPHFBP0WQ960zjtS17AqEV/16tQ0gaFhqp0h48Y8/b5+c383FJD03CljLconMk3zjLtVA7y5H9J88tCgc/m435lC7q6hJ+DwCaFNqyAJCEPjchtRpSEBQaVobsydUA4HEAIOHVc6fneycfB6OD/9fBC7Kn9PzvqkAZztHhg4bG0fqqp/C+hGW5rRz3VQKgY+sVC7VZQ01eKHXpblvZFO41jLs4ojHsrYbxJJY6i3EXzEMylFRCw6us4Q7TUCmDMaolS0mzcpgslZsWGbiTVAM6B9VokoEwU7dZr1IOSUMMvOFy3OX0ItxRKlecY720Kay8UXVwHdYBn92Bz91+VjvArx3KjuTmrcrSodCPoRrH9Ukfp0yOaiFz+5Lb5L9Z3TyBn2y0Xqu8QNM9TRXXMIlrOI9rSHaOw+o9PH2jatpL9Am13vPzaSF4z0YWGiaXmyddENuF7OJiiLxI7Jcaqi4T5j+pFtWwaKg73Y51Qm7RuTfI3QjKKj/TOyv0WkyWvXLUiAZcSSikgheV+RdpqEaXF9NEbfFQr8D1RtZ5MA/fV1s1j+2HYvez2Nts7LN0GXNAfFqI/5NMrxI+yPUrsOfHwd5i8uxtL7ohoVrY2wPoi+Ogv6C3pU1eIruA3Zy4iez3x9aHfYttp8bWYn9PEV0cnYNj87Zoz2aTELc9VVo1YiIvPW6cVu/KE28nuj523o8zOPaECdg37FnoavD4B6qMs583BgAA */
@keyframes WalletListItem_spinAnimation__1i3e7c08 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
[data-sdk-kit].WalletListItem_container__1i3e7c00,
[data-sdk-kit] .WalletListItem_container__1i3e7c00 {
display: flex;
}
[data-sdk-kit].WalletListItem_walletItem__1i3e7c01,
[data-sdk-kit] .WalletListItem_walletItem__1i3e7c01 {
display: flex;
align-items: center;
flex-grow: 1;
padding: 12px;
gap: 12px;
border-radius: var(--dapp-kit-radii-large);
transition: all 0.2s ease;
cursor: pointer;
}
[data-sdk-kit].WalletListItem_walletItem__1i3e7c01:hover,
[data-sdk-kit] .WalletListItem_walletItem__1i3e7c01:hover {
background-color: var(--dapp-kit-backgroundColors-walletItemHover);
transform: translateY(-1px);
}
[data-sdk-kit].WalletListItem_selectedWalletItem__1i3e7c02,
[data-sdk-kit] .WalletListItem_selectedWalletItem__1i3e7c02 {
background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
[data-sdk-kit].WalletListItem_walletIcon__1i3e7c03,
[data-sdk-kit] .WalletListItem_walletIcon__1i3e7c03 {
width: 28px;
height: 28px;
flex-shrink: 0;
-o-object-fit: cover;
object-fit: cover;
border-radius: var(--dapp-kit-radii-small);
}
[data-sdk-kit].WalletListItem_walletStatus__1i3e7c04,
[data-sdk-kit] .WalletListItem_walletStatus__1i3e7c04 {
margin-left: auto;
font-size: 0.875rem;
color: var(--dapp-kit-colors-bodyMuted);
display: flex;
align-items: center;
gap: 4px;
}
[data-sdk-kit].WalletListItem_installedStatus__1i3e7c05,
[data-sdk-kit] .WalletListItem_installedStatus__1i3e7c05 {
color: var(--dapp-kit-colors-body);
}
[data-sdk-kit].WalletListItem_notInstalledStatus__1i3e7c06,
[data-sdk-kit] .WalletListItem_notInstalledStatus__1i3e7c06 {
color: var(--dapp-kit-colors-bodyWarning);
}
[data-sdk-kit].WalletListItem_detectingStatus__1i3e7c07,
[data-sdk-kit] .WalletListItem_detectingStatus__1i3e7c07 {
color: var(--dapp-kit-colors-bodyDanger);
}
[data-sdk-kit].WalletListItem_loadingSpinner__1i3e7c09,
[data-sdk-kit] .WalletListItem_loadingSpinner__1i3e7c09 {
width: 12px;
height: 12px;
border: 2px solid var(--dapp-kit-colors-body);
border-top-color: transparent;
border-radius: 50%;
animation: WalletListItem_spinAnimation__1i3e7c08 1s linear infinite;
}
/*# sourceMappingURL=WalletListItem.css.css.map */