From 5ffd3e26f06aa9e56a9cefae0f4c2d00ee0cd04a Mon Sep 17 00:00:00 2001
From: Dogapinarr <147092474+Dogapinarr@users.noreply.github.com>
Date: Sat, 25 May 2024 18:19:01 +0300
Subject: [PATCH] upgrade user recioe user fav tab user userViewPr
---
scripts/userRecipeDetail.js | 22 +++++++++++-----------
styles/userViewProfile.css | 8 +++++---
templates/userFavTab.html | 2 +-
3 files changed, 17 insertions(+), 15 deletions(-)
diff --git a/scripts/userRecipeDetail.js b/scripts/userRecipeDetail.js
index aad9e42..2326c61 100644
--- a/scripts/userRecipeDetail.js
+++ b/scripts/userRecipeDetail.js
@@ -166,17 +166,17 @@ let slideIndex = 0;
const slidesContainer = document.getElementById('slides');
// AI'dan gelen verileri burada tanımlayın
-const aiData = [
- { img: "image1.jpg", alt: "AI verisi 1" },
- { img: "image2.jpg", alt: "AI verisi 2" },
- { img: "image3.jpg", alt: "AI verisi 3" },
- { img: "image4.jpg", alt: "AI verisi 4" },
- { img: "image5.jpg", alt: "AI verisi 5" },
- { img: "image6.jpg", alt: "AI verisi 6" },
- { img: "image7.jpg", alt: "AI verisi 7" },
- { img: "image8.jpg", alt: "AI verisi 8" },
- { img: "image9.jpg", alt: "AI verisi 9" }
-];
+// const aiData = [
+// { img: "image1.jpg", alt: "AI verisi 1" },
+// { img: "image2.jpg", alt: "AI verisi 2" },
+// { img: "image3.jpg", alt: "AI verisi 3" },
+// { img: "image4.jpg", alt: "AI verisi 4" },
+// { img: "image5.jpg", alt: "AI verisi 5" },
+// { img: "image6.jpg", alt: "AI verisi 6" },
+// { img: "image7.jpg", alt: "AI verisi 7" },
+// { img: "image8.jpg", alt: "AI verisi 8" },
+// { img: "image9.jpg", alt: "AI verisi 9" }
+// ];
// Verileri 3'erli gruplar halinde slider'a eklemek
for (let i = 0; i < aiData.length; i += 3) {
diff --git a/styles/userViewProfile.css b/styles/userViewProfile.css
index 20a9305..5c648cb 100644
--- a/styles/userViewProfile.css
+++ b/styles/userViewProfile.css
@@ -167,10 +167,12 @@ body {
}
.recipe-photo {
- width: 200px; /* Example width */
- height: auto; /* Maintain aspect ratio */
- margin-right: 20px; /* Space between photo and details */
+ width: 200px; /* Sabit genişlik */
+ height: 200px; /* Sabit yükseklik */
+ object-fit: cover; /* Fotoğrafı kırparak sabit boyuta sığdır */
+ margin-right: 20px; /* Fotoğraf ile detaylar arasında boşluk */
}
+
@media only screen and (max-width: 600px) {
.recipe-photo {
width: 100%;
diff --git a/templates/userFavTab.html b/templates/userFavTab.html
index 83d1f46..d876993 100644
--- a/templates/userFavTab.html
+++ b/templates/userFavTab.html
@@ -17,7 +17,7 @@
-
+