@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
92 lines (91 loc) • 3.83 kB
CSS
/* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61UTW8aMRC98yvmmBwcQUoJWS5tOVVq1UqRmmNk7FmYYuyVPctCK/57ZXY3lK4DpC0n8DLva573ZuqsRcWfnZbmya3RG7l9eto6lY+HffjZA5hJtZx7V1otlDPOZ7CW/koILYtCLInF4Q/T+DyIVQT7UmNdTxoI7V0hcjKMCQRTpsYKF4jJ2Qxy2qCOR2QDcgb9+P2HIKtxk8F9+5n0dr2bI0dMbLD1M9j7KaTWZOfCYM4ZjItNd6paSP4Y3j9KY5A/lMzOthi3/5LJAypntfSNvVpIBoNRSsSasJo6y5Is+pb+zZ5eUyiM3GZgncUjqNt+hALIDW7E3Lsqg0EXOqBBxai/pSiGxxQRqYsQ/dXBdObf1ik/707OgjMl73WyKw4a6wXUv/7EV8YFfIFgdI6gzhPA03zBL8Vb7Zf7iQJHArTcwt+l/DeJavKoalblTLmy3awB5jKaHNYaOpv5y+p89bSqi3PayFFS47SV72VgyrdC1cYzCIVUKGbIFaJ9jdkLtDwSL2LPHprOtdruU03e9d6tUJOEoDyiBWk1XK3Iioo0LzK4G42LzfV+8pU3NnFpdh2UE1cuEWN3/uytuEjFmWb+p7fPOd5Ekbq98K6aHB7MZKAQq99U/agt/d9OwsKTXTZnFwk53aLkcna/AL38P3fcBgAA */
[data-sdk-kit].ConnectModal_overlay__yocf840,
[data-sdk-kit] .ConnectModal_overlay__yocf840 {
background-color: var(--dapp-kit-backgroundColors-modalOverlay);
-webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
position: fixed;
inset: 0;
z-index: 999999999;
}
[data-sdk-kit].ConnectModal_title__yocf841,
[data-sdk-kit] .ConnectModal_title__yocf841 {
padding-left: 8px;
}
[data-sdk-kit].ConnectModal_whatIsAWalletButton__yocf842,
[data-sdk-kit] .ConnectModal_whatIsAWalletButton__yocf842 {
background-color: var(--dapp-kit-backgroundColors-modalSecondary);
padding: 16px;
}
[data-sdk-kit].ConnectModal_viewContainer__yocf843,
[data-sdk-kit] .ConnectModal_viewContainer__yocf843 {
display: none;
padding: 20px;
flex-grow: 1;
}
[data-sdk-kit].ConnectModal_selectedViewContainer__yocf844,
[data-sdk-kit] .ConnectModal_selectedViewContainer__yocf844 {
display: flex;
}
[data-sdk-kit].ConnectModal_backButtonContainer__yocf845,
[data-sdk-kit] .ConnectModal_backButtonContainer__yocf845 {
position: absolute;
top: 20px;
left: 20px;
}
[data-sdk-kit].ConnectModal_closeButtonContainer__yocf846,
[data-sdk-kit] .ConnectModal_closeButtonContainer__yocf846 {
position: absolute;
top: 16px;
right: 16px;
}
[data-sdk-kit].ConnectModal_walletListContent__yocf847,
[data-sdk-kit] .ConnectModal_walletListContent__yocf847 {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 24px;
padding: 20px;
background-color: var(--dapp-kit-backgroundColors-modalPrimary);
}
[data-sdk-kit].ConnectModal_walletListContainer__yocf848,
[data-sdk-kit] .ConnectModal_walletListContainer__yocf848 {
display: flex;
justify-content: space-between;
flex-direction: column;
flex-grow: 1;
}
[data-sdk-kit].ConnectModal_walletListContainerWithViewSelected__yocf849,
[data-sdk-kit] .ConnectModal_walletListContainerWithViewSelected__yocf849 {
display: none;
}
@media screen and (min-width: 768px) {
[data-sdk-kit].ConnectModal_whatIsAWalletButton__yocf842,
[data-sdk-kit] .ConnectModal_whatIsAWalletButton__yocf842 {
display: none;
}
[data-sdk-kit].ConnectModal_viewContainer__yocf843,
[data-sdk-kit] .ConnectModal_viewContainer__yocf843 {
display: flex;
}
[data-sdk-kit].ConnectModal_backButtonContainer__yocf845,
[data-sdk-kit] .ConnectModal_backButtonContainer__yocf845 {
display: none;
}
[data-sdk-kit].ConnectModal_walletListContent__yocf847,
[data-sdk-kit] .ConnectModal_walletListContent__yocf847 {
background-color: var(--dapp-kit-backgroundColors-modalSecondary);
}
[data-sdk-kit].ConnectModal_walletListContainer__yocf848,
[data-sdk-kit] .ConnectModal_walletListContainer__yocf848 {
flex-direction: row;
flex-basis: 240px;
flex-grow: 0;
flex-shrink: 0;
}
[data-sdk-kit].ConnectModal_walletListContainerWithViewSelected__yocf849,
[data-sdk-kit] .ConnectModal_walletListContainerWithViewSelected__yocf849 {
display: flex;
}
}
/*# sourceMappingURL=ConnectModal.css.css.map */