diff --git a/README.md b/README.md index a64fe88..cb254ef 100644 --- a/README.md +++ b/README.md @@ -82,6 +82,6 @@ Free meal planner for cooks short on ideas! (like me …) ## TO DO - put a preloader -- change favicon - visual styling - route bad request to notFOund (exple: /categories/string) +- add sidenav on mobile diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 0000000..a19085b Binary files /dev/null and b/public/apple-touch-icon.png differ diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 0000000..0d037fa Binary files /dev/null and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png new file mode 100644 index 0000000..a3f7d85 Binary files /dev/null and b/public/favicon-32x32.png differ diff --git a/public/favicon.ico b/public/favicon.ico index a11777c..b12356b 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html index e536c43..3557e05 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,10 @@ rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> - + Chef's | Meal Planner diff --git a/public/logo192.png b/public/logo192.png index fc44b0a..c37ef2a 100644 Binary files a/public/logo192.png and b/public/logo192.png differ diff --git a/public/logo512.png b/public/logo512.png index a4e47a6..1c5b920 100644 Binary files a/public/logo512.png and b/public/logo512.png differ diff --git a/public/manifest.json b/public/manifest.json index 8cdd059..b6e857e 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -4,7 +4,7 @@ "icons": [ { "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", + "sizes": "64x64 48x48 32x32 24x24 16x16", "type": "image/x-icon" }, { @@ -16,6 +16,11 @@ "src": "logo512.png", "type": "image/png", "sizes": "512x512" + }, + { + "src": "apple-touch-icon.png", + "type": "image/png", + "sizes": "180x180" } ], "start_url": "/", diff --git a/src/components/CategoryEntry.js b/src/components/CategoryEntry.js index 40c56f2..c48bd9d 100644 --- a/src/components/CategoryEntry.js +++ b/src/components/CategoryEntry.js @@ -11,14 +11,25 @@ const CategoryEntry = props => { const { url } = useRouteMatch(); return ( -
- -
  • - {strCategory} -

    {strCategory}

    {strCategoryDescription} -
    • - -
    + +
  • +
    +
    +
    +
    + {strCategory} + {strCategory} +
    +
    +
    +

    {strCategoryDescription}

    +
    +
    +
    +
    +
    +
    • + ); }; diff --git a/src/components/Logo.js b/src/components/Logo.js index f5d698a..5d3b90d 100644 --- a/src/components/Logo.js +++ b/src/components/Logo.js @@ -3,11 +3,13 @@ import { Link } from "react-router-dom"; const Logo = () => { return ( - - - 👩‍🍳 Chef's - - + + + + 👩‍🍳 Chef's + + + ); }; diff --git a/src/components/Navbar.js b/src/components/Navbar.js index 1af0c0c..f6ff619 100644 --- a/src/components/Navbar.js +++ b/src/components/Navbar.js @@ -19,6 +19,7 @@ const Navbar = props => { diff --git a/src/components/RandomButton.js b/src/components/RandomButton.js index 3bb6c1d..1edc0a0 100644 --- a/src/components/RandomButton.js +++ b/src/components/RandomButton.js @@ -2,10 +2,12 @@ import React from "react"; import { Link } from "react-router-dom"; const RandomButton = props => { + const classString = `waves-effect waves-light btn-${props.size}`; return (