Fix products image

FreshKernel · Dec 11, 2023 · 30bbee7 · 30bbee7
1 parent f13c8ed
commit 30bbee7
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 16 deletions.
diff --git a/site/.kobweb/site/app.js b/site/.kobweb/site/app.js
diff --git a/site/.kobweb/site/app.js.map b/site/.kobweb/site/app.js.map
diff --git a/site/.kobweb/site/ar/index.html b/site/.kobweb/site/ar/index.html
@@ -79,7 +79,7 @@
              <a class="silk-link" href="https://facebook.com" title="Facebook"><span class="social-link-item fab fa-facebook fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://twitter.com" title="Twitter"><span class="social-link-item fab fa-twitter fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://instagram.com" title="Instagram"><span class="social-link-item fab fa-instagram fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://linkedin.com" title="Linkedin"><span class="social-link-item fab fa-linkedin fa-lg" style="margin: 0px;"></span></a>
             </div>
             <div class="kobweb-col kobweb-arrange-top kobweb-align-start">
-             <p class="hello-text silk-display-if-at-least-md">He</p>
+             <p class="hello-text silk-display-if-at-least-md">Hello, We are</p>
              <p class="silk-display-if-at-least-lg" style="margin: 20px 0px 0px; font-size: 68px; font-weight: bolder; color: rgb(18, 29, 52);">الريادة العربية</p>
              <p class="silk-display-if-sm silk-display-until-lg" style="margin: 20px 0px 0px; font-size: 40px; font-weight: bolder; color: rgb(18, 29, 52);">الريادة العربية</p>
              <p style="margin: 10px 0px 5px; font-size: 20px; font-weight: bold; color: rgb(18, 29, 52);">ملف الشركة: حيث لا تعرف السماء حدودًا.</p>
@@ -934,27 +934,27 @@
          <div class="silk-simple-grid" style="--silk-simple-grid-col-count-zero: 1; --silk-simple-grid-col-count-sm: 1; --silk-simple-grid-col-count-md: 2; --silk-simple-grid-col-count-lg: 3; --silk-simple-grid-col-count-xl: 3;">
           <a class="silk-link" style="text-decoration-line: none; user-select: none;" href="https://www.snibe.com/zh_en/en_products.aspx?id=65">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/snibe_logo.webp" alt="Snibe Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/snibe_logo.webp" alt="Snibe Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Snibe</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="http://en.dirui.com.cn/list-22-1.html">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/dirui_logo.webp" alt="Dirui Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/dirui_logo.webp" alt="Dirui Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Dirui</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="http://en.lifotronic.com/products/">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/lifotronic_logo.webp" alt="Lifotronic Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/lifotronic_logo.webp" alt="Lifotronic Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Lifotronic</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="http://www.urit.com/en2/cpjjfa/list.aspx?lcid=15">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/urit_logo.webp" alt="Urit Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/urit_logo.webp" alt="Urit Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Urit</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="https://en.caretium.com/Product/989558469800067072.html">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/caretium.webp" alt="Caretium Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/caretium.webp" alt="Caretium Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Caretium</p>
            </div></a>

diff --git a/site/.kobweb/site/index.html b/site/.kobweb/site/index.html
@@ -79,7 +79,7 @@
              <a class="silk-link" href="https://facebook.com" title="Facebook"><span class="social-link-item fab fa-facebook fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://twitter.com" title="Twitter"><span class="social-link-item fab fa-twitter fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://instagram.com" title="Instagram"><span class="social-link-item fab fa-instagram fa-lg" style="margin: 0px 0px 40px;"></span></a><a class="silk-link" href="https://linkedin.com" title="Linkedin"><span class="social-link-item fab fa-linkedin fa-lg" style="margin: 0px;"></span></a>
             </div>
             <div class="kobweb-col kobweb-arrange-top kobweb-align-start">
-             <p class="hello-text silk-display-if-at-least-md">He</p>
+             <p class="hello-text silk-display-if-at-least-md">Hel</p>
              <p class="silk-display-if-at-least-lg" style="margin: 20px 0px 0px; font-size: 68px; font-weight: bolder; color: rgb(18, 29, 52);">Alrayada Alarabiah</p>
              <p class="silk-display-if-sm silk-display-until-lg" style="margin: 20px 0px 0px; font-size: 40px; font-weight: bolder; color: rgb(18, 29, 52);">Alrayada Alarabiah</p>
              <p style="margin: 10px 0px 5px; font-size: 20px; font-weight: bold; color: rgb(18, 29, 52);">Company Profile: Where the Sky Knows No Limits.</p>
@@ -934,27 +934,27 @@
          <div class="silk-simple-grid" style="--silk-simple-grid-col-count-zero: 1; --silk-simple-grid-col-count-sm: 1; --silk-simple-grid-col-count-md: 2; --silk-simple-grid-col-count-lg: 3; --silk-simple-grid-col-count-xl: 3;">
           <a class="silk-link" style="text-decoration-line: none; user-select: none;" href="https://www.snibe.com/zh_en/en_products.aspx?id=65">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/snibe_logo.webp" alt="Snibe Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/snibe_logo.webp" alt="Snibe Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Snibe</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="http://en.dirui.com.cn/list-22-1.html">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/dirui_logo.webp" alt="Dirui Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/dirui_logo.webp" alt="Dirui Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Dirui</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="http://en.lifotronic.com/products/">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/lifotronic_logo.webp" alt="Lifotronic Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/lifotronic_logo.webp" alt="Lifotronic Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Lifotronic</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="http://www.urit.com/en2/cpjjfa/list.aspx?lcid=15">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/urit_logo.webp" alt="Urit Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/urit_logo.webp" alt="Urit Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Urit</p>
            </div></a><a class="silk-link" style="text-decoration-line: none; user-select: none;" href="https://en.caretium.com/Product/989558469800067072.html">
            <div class="kobweb-col kobweb-arrange-top kobweb-align-start" style="margin: 6px; padding: 16px 12px; width: 300px;">
-            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px; object-fit: cover;" src="assets/images/brands/caretium.webp" alt="Caretium Image" loading="lazy">
+            <img class="silk-image product-image" style="height: 250px; width: 100%; border-radius: 8px;" src="assets/images/brands/caretium.webp" alt="Caretium Image" loading="lazy">
             <div class="kobweb-box kobweb-align-top-start" style="height: 12px;"></div>
             <p style="width: 100%; margin: 7px 0px 2px; font-size: 18px; font-weight: normal; text-align: center; color: rgb(76, 169, 47);">Caretium</p>
            </div></a>

diff --git a/...otlin/net/freshplatform/alrayada_landing_page/sections/products/components/ProductCard.kt b/...otlin/net/freshplatform/alrayada_landing_page/sections/products/components/ProductCard.kt
@@ -58,8 +58,7 @@ fun ProductCard(
                     .toModifier()
                     .height(250.px)
                     .fillMaxWidth()
-                    .borderRadius(r = 8.px)
-                    .objectFit(ObjectFit.Cover),
+                    .borderRadius(r = 8.px),
                 src = product.image,
                 contentDescription = "${product.companyName} Image",
             )