[2.5.1] update dependencies

.github/workflows/build-and-deploy.yml

@@ -1,33 +0,0 @@
-name: Build and Deploy
-
-on:
-  push:
-    branches:
-      - master
-
-jobs:
-  build:
-    name: Build and Deploy
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout Repo
-        uses: actions/checkout@master
-      - name: Install Dependencies
-        run: npm install
-      - name: Build
-        run: npm run build
-        env:
-          FIREBASE_APIKEY: ${{ secrets.FIREBASE_APIKEY }}
-          FIREBASE_APPID: ${{ secrets.FIREBASE_APPID }}
-          FIREBASE_AUTHDOMAIN: ${{ secrets.FIREBASE_AUTHDOMAIN }}
-          FIREBASE_DATABASEURL: ${{ secrets.FIREBASE_DATABASEURL }}
-          FIREBASE_MEASUREMENTID: ${{ secrets.FIREBASE_MEASUREMENTID }}
-          FIREBASE_MESSAGINGSENDERID: ${{ secrets.FIREBASE_MESSAGINGSENDERID }}
-          FIREBASE_PROJECTID: ${{ secrets.FIREBASE_PROJECTID }}
-          FIREBASE_STORAGEBUCKET: ${{ secrets.FIREBASE_STORAGEBUCKET }}
-      - name: Deploy to Firebase
-        uses: w9jds/firebase-action@master
-        with:
-          args: deploy --only hosting
-        env:
-          FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}

gatsby-config.js

@@ -6,7 +6,7 @@ module.exports = {
     title: 'Reactive Resume',
     siteUrl: 'https://rxresu.me',
     description: 'A free and open source resume builder.',
-    version: '2.5',
+    version: '2.5.1',
   },
   plugins: [
     'gatsby-plugin-react-helmet',

package.json

@@ -22,36 +22,36 @@
     "array-move": "^3.0.1",
     "autoprefixer": "^10.1.0",
     "classnames": "^2.2.6",
-    "dayjs": "^1.9.7",
+    "dayjs": "^1.9.8",
     "dotenv": "^8.2.0",
     "downloadjs": "^1.4.7",
     "firebase": "^8.2.1",
     "formik": "^2.2.6",
-    "gatsby": "^2.29.1",
+    "gatsby": "^2.29.3",
     "gatsby-image": "^2.8.0",
     "gatsby-plugin-create-client-paths": "^2.7.0",
     "gatsby-plugin-firebase": "^0.2.0-beta.4",
-    "gatsby-plugin-manifest": "^2.9.0",
+    "gatsby-plugin-manifest": "^2.9.1",
     "gatsby-plugin-material-ui": "^2.1.10",
-    "gatsby-plugin-offline": "^3.7.0",
+    "gatsby-plugin-offline": "^3.7.1",
     "gatsby-plugin-postcss": "^3.4.0",
     "gatsby-plugin-react-helmet": "^3.7.0",
-    "gatsby-plugin-sharp": "^2.11.1",
+    "gatsby-plugin-sharp": "^2.11.2",
     "gatsby-plugin-sitemap": "^2.9.0",
     "gatsby-plugin-webfonts": "^1.1.3",
-    "gatsby-source-filesystem": "^2.8.0",
+    "gatsby-source-filesystem": "^2.8.1",
     "gatsby-source-gravatar": "^1.0.0",
-    "gatsby-transformer-remark": "^2.13.0",
+    "gatsby-transformer-remark": "^2.13.1",
     "gatsby-transformer-sharp": "^2.9.0",
     "i18next": "^19.8.4",
     "lodash": "^4.17.20",
     "nanoevents": "^5.1.10",
-    "postcss": "^8.2.1",
+    "postcss": "^8.2.2",
     "react": "^17.0.1",
     "react-beautiful-dnd": "^13.0.0",
     "react-dom": "^17.0.1",
     "react-helmet": "^6.1.0",
-    "react-i18next": "^11.8.4",
+    "react-i18next": "^11.8.5",
     "react-icons": "^4.1.0",
     "react-markdown": "^5.0.3",
     "react-scroll": "^1.8.1",
@@ -61,13 +61,13 @@
     "yup": "^0.32.8"
   },
   "devDependencies": {
-    "eslint": "^7.16.0",
+    "eslint": "^7.17.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^7.1.0",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^3.3.0",
-    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react": "^7.22.0",
     "gatsby-plugin-eslint": "^2.0.8",
     "prettier": "2.2.1",
     "stylelint": "^13.8.0",

src/components/builder/right/sections/FontSize.js

@@ -59,6 +59,7 @@ const FontSizes = ({ id }) => {
         type="range"
         onChange={onChange}
         defaultValue={fontScale}
+        className="rounded-lg overflow-hidden appearance-none bg-gray-400 h-4 w-full"
       />
     </section>
   );

src/styles/global.css

@@ -55,6 +55,13 @@ section {
   padding-left: 1.5em;
 }
 
+input[type="range"]::-webkit-slider-thumb {
+  cursor: ew-resize;
+  box-shadow: -405px 0 0 400px #605e5c;
+
+  @apply w-4 h-4 bg-white rounded-full appearance-none;
+}
+
 @page {
   margin: 0;
 }