diff --git a/css/react-native.css b/css/react-native.css index af9dc958bbc..9ac2edf04a5 100644 --- a/css/react-native.css +++ b/css/react-native.css @@ -880,7 +880,7 @@ small code, li code, p code { height: 95%; left: 0; margin: auto; - max-height: 620px; + max-height: 648px; max-width: 460px; overflow: auto; position: fixed; @@ -890,23 +890,27 @@ small code, li code, p code { z-index: 9999; } -.modal-open { - display: block; -} +.modal-open { display: block; } .modal-content { - padding: 40px 24px 24px 24px; + padding: 40px 24px 8px 24px; position: relative; } -.modal-content iframe { - margin: 0 auto; -} +.modal-content iframe { margin: 0 auto; } .modal-button-open { + cursor: pointer; text-align: center; } +.modal-button-open-img { + background: #05A5D1; + height: 358px; +} + +.modal-button-open-img:hover img { opacity: 0.9; } + .modal-button-close { background: transparent; border-radius: 0 0 0 4px; @@ -921,12 +925,13 @@ small code, li code, p code { right: 0; top: 0; } - .modal-button-close:active, - .modal-button-close:focus, - .modal-button-close:hover { - background: #EAF8FD; - outline: none; - } + +.modal-button-close:active, +.modal-button-close:focus, +.modal-button-close:hover { + background: #EAF8FD; + outline: none; +} @media screen and (max-width: 960px) { .nav-main { diff --git a/docs/alertios.html b/docs/alertios.html index b09320298aa..099d87ba092 100644 --- a/docs/alertios.html +++ b/docs/alertios.html @@ -197,7 +197,7 @@ class PromptExample extends : '#eeeeee', padding: 10, }, -});
Run this example