last changes CSS

WildCodeSchool · Nov 16, 2023 · a09a37a · a09a37a
1 parent 565dc94
commit a09a37a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/frontend/src/components/CardDish.css b/frontend/src/components/CardDish.css
@@ -29,6 +29,11 @@
 .title-dish-mobile-container {
   color: #323232;
 }
+@media screen and (min-width: 700px) {
+  .title-dish-mobile-container {
+    display: none;
+  }
+}
 
 .image-card-dish-button {
   width: 100%;
@@ -80,6 +85,7 @@
     align-items: flex-end;
     transition: all 0.3s ease-in-out;
   }
+
   .card-dish:hover {
     scale: 1.02;
   }

diff --git a/frontend/src/pages/Country.jsx b/frontend/src/pages/Country.jsx
@@ -1,5 +1,5 @@
 import { useLoaderData } from "react-router-dom";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import CardDish from "../components/CardDish";
 import "./Country.css";
 
@@ -16,6 +16,10 @@ export default function Country() {
     setDishes([...filteredDishes]);
   }
 
+  useEffect(() => {
+    setDishes([...countryDishes]);
+  }, [country]);
+
   return (
     <div className="container-country-page">
       <h1>{country.strArea}</h1>