APIConfig: make whole content element full screen fixed

This commit is contained in:
Haishan 2019-04-08 22:09:24 +08:00
parent ce4967e1ab
commit 732367e65c
4 changed files with 31 additions and 22 deletions

View file

@ -34,7 +34,9 @@ export default function APIDiscovery() {
shouldCloseOnEsc={false} shouldCloseOnEsc={false}
onRequestClose={() => closeModal('apiConfig')} onRequestClose={() => closeModal('apiConfig')}
> >
<APIConfig /> <div className={s0.container}>
<APIConfig />
</div>
</Modal> </Modal>
); );
} }

View file

@ -1,12 +1,23 @@
.content { .content {
background: none; background: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
@media (max-width: 768px) { transform: none;
width: 90%; padding: 0;
} border-radius: 0;
}
.container {
position: absolute;
top: 10%; top: 10%;
left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
max-width: 376px;
margin: 0 auto;
} }
.overlay { .overlay {

View file

@ -7,6 +7,7 @@
// background-color: var(--color-input-bg); // background-color: var(--color-input-bg);
background-image: none; background-image: none;
border: none; border: none;
border-radius: 0;
border-bottom: 1px solid var(--color-input-border); border-bottom: 1px solid var(--color-input-border);
box-sizing: border-box; box-sizing: border-box;
color: #c1c1c1; color: #c1c1c1;

View file

@ -1316,12 +1316,12 @@ atob@^2.1.1:
integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg== integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
autoprefixer@^9.4.3: autoprefixer@^9.4.3:
version "9.5.0" version "9.5.1"
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.5.0.tgz#7e51d0355c11596e6cf9a0afc9a44e86d1596c70" resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.5.1.tgz#243b1267b67e7e947f28919d786b50d3bb0fb357"
integrity sha512-hMKcyHsZn5+qL6AUeP3c8OyuteZ4VaUlg+fWbyl8z7PqsKHF/Bf8/px3K6AT8aMzDkBo8Bc11245MM+itDBOxQ== integrity sha512-KJSzkStUl3wP0D5sdMlP82Q52JLy5+atf2MHAre48+ckWkXgixmfHyWmA77wFDy6jTHU6mIgXv6hAQ2mf1PjJQ==
dependencies: dependencies:
browserslist "^4.4.2" browserslist "^4.5.4"
caniuse-lite "^1.0.30000947" caniuse-lite "^1.0.30000957"
normalize-range "^0.1.2" normalize-range "^0.1.2"
num2fraction "^1.2.2" num2fraction "^1.2.2"
postcss "^7.0.14" postcss "^7.0.14"
@ -1566,7 +1566,7 @@ browserslist@^4.0.0:
electron-to-chromium "^1.3.103" electron-to-chromium "^1.3.103"
node-releases "^1.1.3" node-releases "^1.1.3"
browserslist@^4.4.2, browserslist@^4.5.1, browserslist@^4.5.2: browserslist@^4.5.1, browserslist@^4.5.2, browserslist@^4.5.4:
version "4.5.4" version "4.5.4"
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.5.4.tgz#166c4ecef3b51737a42436ea8002aeea466ea2c7" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.5.4.tgz#166c4ecef3b51737a42436ea8002aeea466ea2c7"
integrity sha512-rAjx494LMjqKnMPhFkuLmLp8JWEX0o8ADTGeAbOqaF+XCvYLreZrG5uVjnPBlAQ8REZK4pzXGvp0bWgrFtKaag== integrity sha512-rAjx494LMjqKnMPhFkuLmLp8JWEX0o8ADTGeAbOqaF+XCvYLreZrG5uVjnPBlAQ8REZK4pzXGvp0bWgrFtKaag==
@ -1719,12 +1719,7 @@ caniuse-lite@^1.0.30000929:
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000939.tgz#b9ab7ac9e861bf78840b80c5dfbc471a5cd7e679" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000939.tgz#b9ab7ac9e861bf78840b80c5dfbc471a5cd7e679"
integrity sha512-oXB23ImDJOgQpGjRv1tCtzAvJr4/OvrHi5SO2vUgB0g0xpdZZoA/BxfImiWfdwoYdUTtQrPsXsvYU/dmCSM8gg== integrity sha512-oXB23ImDJOgQpGjRv1tCtzAvJr4/OvrHi5SO2vUgB0g0xpdZZoA/BxfImiWfdwoYdUTtQrPsXsvYU/dmCSM8gg==
caniuse-lite@^1.0.30000947: caniuse-lite@^1.0.30000955, caniuse-lite@^1.0.30000957:
version "1.0.30000949"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000949.tgz#8cbc6d2f141bc32362f7467b45a2dcae8e64c84b"
integrity sha512-jIF/jphmuJ7oAWmfYO0qAxRAvCa0zNquALO6Ykfe6qo8qwh882Cgcs+OWmm21L3x6nu4TVLFeEZ9/q6VuKCfSg==
caniuse-lite@^1.0.30000955:
version "1.0.30000957" version "1.0.30000957"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000957.tgz#fb1026bf184d7d62c685205358c3b24b9e29f7b3" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000957.tgz#fb1026bf184d7d62c685205358c3b24b9e29f7b3"
integrity sha512-8wxNrjAzyiHcLXN/iunskqQnJquQQ6VX8JHfW5kLgAPRSiSuKZiNfmIkP5j7jgyXqAQBSoXyJxfnbCFS0ThSiQ== integrity sha512-8wxNrjAzyiHcLXN/iunskqQnJquQQ6VX8JHfW5kLgAPRSiSuKZiNfmIkP5j7jgyXqAQBSoXyJxfnbCFS0ThSiQ==
@ -2936,9 +2931,9 @@ eslint-module-utils@^2.3.0:
pkg-dir "^2.0.0" pkg-dir "^2.0.0"
eslint-plugin-flowtype@^3.4.2: eslint-plugin-flowtype@^3.4.2:
version "3.5.1" version "3.6.0"
resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-3.5.1.tgz#903c542c33039bc1db16355fff2d26733903bb0b" resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-3.6.0.tgz#375a3d77f5dbd3a0d2c3554fadcd1d0735a6eb2e"
integrity sha512-mIhq7jhBSWNMp3ECmlWK+b9EFmLE+3Jd9axk05LB+snbRPkc3/lYTgb4Bu9lgt1QLmrxFDWsASdKj9CAIehckg== integrity sha512-7wRfgzXteB9jswXreGG64FlOdscV4z4hIW2lS+mC5t1K2QQkUDh7A+95dB4nU7io8zIOq4cRpftF+41xvMCtiA==
dependencies: dependencies:
lodash "^4.17.11" lodash "^4.17.11"
@ -4987,9 +4982,9 @@ mem@^4.0.0:
integrity sha512-7g0+ejkOaI9w5x6LvQwmj68kUj6rxROywPSCqmclG/HBacmFnZqhVscQ8kovkn9FBCNJmOz6SY42+jnvZzDWdw== integrity sha512-7g0+ejkOaI9w5x6LvQwmj68kUj6rxROywPSCqmclG/HBacmFnZqhVscQ8kovkn9FBCNJmOz6SY42+jnvZzDWdw==
memoize-one@^5.0.0: memoize-one@^5.0.0:
version "5.0.2" version "5.0.4"
resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.0.2.tgz#6aba5276856d72fb44ead3efab86432f94ba203d" resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.0.4.tgz#005928aced5c43d890a4dfab18ca908b0ec92cbc"
integrity sha512-o7lldN4fs/axqctc03NF+PMhd2veRrWeJ2n2GjEzUPBD4F9rmNg4A+bQCACIzwjHJEXuYv4aFFMaH35KZfHUrw== integrity sha512-P0z5IeAH6qHHGkJIXWw0xC2HNEgkx/9uWWBQw64FJj3/ol14VYdfVGWWr0fXfjhhv3TKVIqUq65os6O4GUNksA==
memory-fs@^0.2.0: memory-fs@^0.2.0:
version "0.2.0" version "0.2.0"