diff --git a/package-lock.json b/package-lock.json index 4288a41c42..8dfb6a7fb8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -26,7 +26,7 @@ }, "devDependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.21.11", - "dotenv": "^8.2.0", + "dotenv": "^8.6.0", "prettier": "^2.3.1" } }, @@ -6683,6 +6683,7 @@ "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-8.6.0.tgz", "integrity": "sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==", "dev": true, + "license": "BSD-2-Clause", "engines": { "node": ">=10" } diff --git a/package.json b/package.json index ed1ee1f9a4..5e5a5dca0f 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,8 @@ "test": "react-scripts test", "eject": "react-scripts eject", "format": "prettier --write \"./**/*.{js,css,json,scss}\"", - "check-format": "prettier -c \"./**/*.{js,css,json,scss}\"" + "check-format": "prettier -c \"./**/*.{js,css,json,scss}\"", + "dev": "react-scripts start" }, "eslintConfig": { "extends": "react-app" @@ -52,7 +53,7 @@ }, "devDependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.21.11", - "dotenv": "^8.2.0", + "dotenv": "^8.6.0", "prettier": "^2.3.1" } } diff --git a/src/components/button/Button.scss b/src/components/button/Button.scss index e9058b69dd..7654edb8ba 100644 --- a/src/components/button/Button.scss +++ b/src/components/button/Button.scss @@ -40,8 +40,16 @@ margin-right: 0px; } } + @media (max-width: 320px) { .main-button { font-size: 0.75rem; } } + +@media (max-width: 435px) { + .main-button { + font-size: 12px; + margin-right: 15px; + } +} diff --git a/src/index.css b/src/index.css index d3dbe8f04a..aec4fef4d8 100644 --- a/src/index.css +++ b/src/index.css @@ -34,3 +34,12 @@ body { line-height: normal; } } + +/* hide the overflow */ +@media (max-width: 400px) { + html, + body { + overflow-x: hidden; + overflow-y: auto; + } +}