@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
45 lines (44 loc) • 2.48 kB
CSS
/* vanilla-extract-css-ns:src/components/ui/Modal.css.ts.vanilla.css?source=Lk1vZGFsX292ZXJsYXlfXzFjNXoxN2YwIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsT3ZlcmxheSk7CiAgYmFja2Ryb3AtZmlsdGVyOiB2YXIoLS1kYXBwLWtpdC1ibHVycy1tb2RhbE92ZXJsYXkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBpbnNldDogMDsKICB6LWluZGV4OiA5OTk5OTk5OTk7Cn0KLk1vZGFsX2NvbnRlbnRfXzFjNXoxN2YxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsUHJpbWFyeSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWkteGxhcmdlKTsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBib3R0b206IDE2cHg7CiAgbGVmdDogMTZweDsKICByaWdodDogMTZweDsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIG92ZXJmbG93OiBoaWRkZW47CiAgbWluLWhlaWdodDogNTB2aDsKICBtYXgtaGVpZ2h0OiA4NXZoOwogIG1heC13aWR0aDogNzAwcHg7Cn0KLk1vZGFsX2Nsb3NlQnV0dG9uQ29udGFpbmVyX18xYzV6MTdmMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMTZweDsKICByaWdodDogMTZweDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5Nb2RhbF9jb250ZW50X18xYzV6MTdmMSB7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgd2lkdGg6IDEwMCU7CiAgICB0b3A6IDUwJTsKICAgIGxlZnQ6IDUwJTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpOwogIH0KfQ== */
[data-sdk-kit].Modal_overlay__1c5z17f0,
[data-sdk-kit] .Modal_overlay__1c5z17f0 {
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].Modal_content__1c5z17f1,
[data-sdk-kit] .Modal_content__1c5z17f1 {
background-color: var(--dapp-kit-backgroundColors-modalPrimary);
border-radius: var(--dapp-kit-radii-xlarge);
color: var(--dapp-kit-colors-body);
position: fixed;
bottom: 16px;
left: 16px;
right: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
min-height: 50vh;
max-height: 85vh;
max-width: 700px;
}
[data-sdk-kit].Modal_closeButtonContainer__1c5z17f2,
[data-sdk-kit] .Modal_closeButtonContainer__1c5z17f2 {
position: absolute;
top: 16px;
right: 16px;
}
@media screen and (min-width: 768px) {
[data-sdk-kit].Modal_content__1c5z17f1,
[data-sdk-kit] .Modal_content__1c5z17f1 {
flex-direction: row;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
/*# sourceMappingURL=Modal.css.css.map */