diff --git a/package.json b/package.json index 49d7c235..b9afe14d 100644 --- a/package.json +++ b/package.json @@ -23,11 +23,11 @@ "react-dom": "17.0.2", "react-modal": "3.13.1", "react-sortable-hoc": "2.0.0", - "react-toastify": "7.0.3", - "weather-icons-react": "^1.2.0" + "react-toastify": "7.0.4", + "weather-icons-react": "1.2.0" }, "devDependencies": { - "@babel/core": "^7.13.15", + "@babel/core": "^7.13.16", "@babel/eslint-parser": "^7.13.14", "@babel/plugin-proposal-class-properties": "^7.13.0", "@babel/plugin-transform-react-constant-elements": "^7.13.13", @@ -37,16 +37,16 @@ "babel-loader": "^8.2.2", "babel-plugin-transform-react-class-to-function": "^1.2.2", "copy-webpack-plugin": "^8.1.1", - "css-loader": "^5.2.1", - "eslint": "^7.24.0", + "css-loader": "^5.2.4", + "eslint": "^7.25.0", "eslint-config-react-app": "^6.0.0", - "eslint-webpack-plugin": "^2.5.3", + "eslint-webpack-plugin": "^2.5.4", "html-webpack-plugin": "^5.3.1", - "mini-css-extract-plugin": "^1.4.1", - "sass": "^1.32.8", + "mini-css-extract-plugin": "^1.5.0", + "sass": "^1.32.11", "sass-loader": "^11.0.1", "source-map-loader": "^2.0.1", - "webpack": "^5.33.2", + "webpack": "^5.35.1", "webpack-cli": "^4.6.0", "webpack-dev-server": "^3.11.2" }, diff --git a/src/components/modals/main/scss/marketplace/_buttons.scss b/src/components/modals/main/scss/marketplace/_buttons.scss index 38c99843..c2f95ee2 100644 --- a/src/components/modals/main/scss/marketplace/_buttons.scss +++ b/src/components/modals/main/scss/marketplace/_buttons.scss @@ -39,7 +39,7 @@ .addToMue { @extend %storebutton; - margin-top: 5px; + margin-top: 12px; } .sideload { diff --git a/src/components/modals/main/scss/marketplace/_main.scss b/src/components/modals/main/scss/marketplace/_main.scss index bcac0b1d..7ca9c2b0 100644 --- a/src/components/modals/main/scss/marketplace/_main.scss +++ b/src/components/modals/main/scss/marketplace/_main.scss @@ -1,5 +1,5 @@ #item a { - color: map-get($button-colours, 'other'); + color: var(--modal-link); cursor: pointer; &:hover { @@ -32,8 +32,8 @@ box-shadow: 0 0 6px rgb(0 0 0 / 30%); img { - height: 100%; - width: auto; + height: 80px; + width: 80px; border-radius: 12px 0 0 12px; background: white; }