diff --git a/package-lock.json b/package-lock.json index 9f0907b..ac97b43 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,6 +17,7 @@ "@angular/platform-browser-dynamic": "~13.0.0", "@angular/router": "~13.0.0", "bootstrap": "^5.1.3", + "bootstrap-icons": "^1.7.2", "rxjs": "~7.4.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" @@ -3401,6 +3402,14 @@ "@popperjs/core": "^2.10.2" } }, + "node_modules/bootstrap-icons": { + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.2.tgz", + "integrity": "sha512-NiR2PqC73AQOPdVSu6GJfnk+hN2z6powcistXk1JgPnKuoV2FSdSl26w931Oz9HYbKCcKUSB6ncZTYJAYJl3QQ==", + "engines": { + "node": ">=10" + } + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -15041,6 +15050,11 @@ "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==", "requires": {} }, + "bootstrap-icons": { + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.7.2.tgz", + "integrity": "sha512-NiR2PqC73AQOPdVSu6GJfnk+hN2z6powcistXk1JgPnKuoV2FSdSl26w931Oz9HYbKCcKUSB6ncZTYJAYJl3QQ==" + }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", diff --git a/package.json b/package.json index 0222f00..f47f13c 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ "@angular/platform-browser-dynamic": "~13.0.0", "@angular/router": "~13.0.0", "bootstrap": "^5.1.3", + "bootstrap-icons": "^1.7.2", "rxjs": "~7.4.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" diff --git a/src/app/card-resto/card-resto.component.html b/src/app/card-resto/card-resto.component.html index d763fd7..93cf94f 100644 --- a/src/app/card-resto/card-resto.component.html +++ b/src/app/card-resto/card-resto.component.html @@ -1,27 +1,58 @@ -
+
Card image cap +
+ +

NOM RESTAURANT

- +
-

-

-
-
+
+
This is the first item's accordion body. -
    -
    • -
    • -
-
+
+
    +
    • +
    • +
    • +
    • +
    • +
+ 5/5 +
+
+ Kebab + 550m + 5-10€ +
+
+

Descriptif : c’est le faux texte standard de l'imprimerie depuis + les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour + réaliser un livre spécimen de polices de texte.

+
+
+ Sur place : + A emporter : +
+
+
+ Accès PMR : +
+
+ +
+
-
-
+
+ +
diff --git a/src/app/card-resto/card-resto.component.scss b/src/app/card-resto/card-resto.component.scss index c11e203..9ec6b1d 100644 --- a/src/app/card-resto/card-resto.component.scss +++ b/src/app/card-resto/card-resto.component.scss @@ -1,3 +1,19 @@ +.rond{ + padding: 0.7em; + background-color: rgb(255, 255, 255); + top: 1em; + right: 1em; + border-radius: 50%; +} + +.heart{ + display: flex; + font-size: 1.6em; + padding: 0; + margin:0; + color: #FF2048; +} + .titre-resto{ margin-bottom: 0.9rem; } @@ -10,12 +26,58 @@ border-radius: 0 0 0.25rem 0.25rem; padding: 1.375rem 0.75rem; - } +.accordion-button.collapsed { + background: #CE0000; + } + + .accordion-button.collapsed::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + } + + + .ps-5 { + padding-left: 5.4rem !important; +} +.pe-5 { + padding-right: 5rem !important; +} + + .accordion .btn:focus{ box-shadow: none; } +.star{ + list-style-type: none; + font-size: 1.5em; + color:#ffd900; + +} + +.trait-rouge{ +border-bottom: 1px solid #CE0000; +opacity: 50%; + +} + +.button{ + display: block; + padding: 0.5em 2em 0.5em ; + width: 100%; + border-radius: 5px; + border: none; + background-color: #545454; + color: #ffffff; + text-transform: uppercase; + font-weight: bold; + +} + + + + + diff --git a/src/app/header/components/search-bar/search-bar.component.html b/src/app/header/components/search-bar/search-bar.component.html index 3c06a2b..fd6763f 100644 --- a/src/app/header/components/search-bar/search-bar.component.html +++ b/src/app/header/components/search-bar/search-bar.component.html @@ -1,11 +1,13 @@ -