style update mainpage

themes/tella/layouts/products/single.html

@@ -0,0 +1,14 @@
+{{ define "main" }}
+<div class="mx-auto my-10 max-w-6xl">
+  <div class="mx-3 col-span-3 lg:col-span-2 px-2">
+    <h1 class="title text-5xl mb-4">{{.Title}}</h1>
+    {{ if .Params.image }}
+    {{ with .Params.image }}
+    <img src="{{ . | relURL }}" alt="">
+    {{ end }}
+    {{ else }}
+    {{ end }}
+    <div class="content prose md:prose-lg lg:prose-xl max-w-none py-1">{{.Content}}</div>
+  </div>
+</div>
+{{ end }}

themes/tella/layouts/products/summary.html

@@ -12,7 +12,7 @@
         <h2 class="text-3xl title-product-summary">
             {{ .Title }}
         </h2>
-        <img src="{{ .Params.img | relURL }}" alt="-product-image-">
+        <img src="{{ .Params.image | relURL }}" alt="-product-image-">
         <p class="description-product-summary">{{ .Description }}</p>
     </div>
 </a>