From 573d8d63083673f56ae6ebe9185e5b312dffd81a Mon Sep 17 00:00:00 2001
From: Arif Rahman Hakim <new.arifrh199@gmail.com>
Date: Tue, 27 Aug 2024 23:10:14 +0800
Subject: [PATCH] style: update style and default image service

---
 public/default.png                         | Bin 0 -> 1964 bytes
 src/components/service/FormService.tsx     |   8 +++++++-
 src/components/service/ServiceItem.tsx     |   2 +-
 src/components/service/ServicesContent.tsx |   2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 public/default.png

diff --git a/public/default.png b/public/default.png
new file mode 100644
index 0000000000000000000000000000000000000000..818da50ff3543cdc67850ea0b9a9dd320e79b40b
GIT binary patch
literal 1964
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

literal 0
HcmV?d00001

diff --git a/src/components/service/FormService.tsx b/src/components/service/FormService.tsx
index fba29b6..41af481 100644
--- a/src/components/service/FormService.tsx
+++ b/src/components/service/FormService.tsx
@@ -239,10 +239,16 @@ const FormService = ({ serviceId, onSubmit }: FormServiceProps) => {
                 alt="Foto layanan"
                 src={image || ""}
                 loading="lazy"
-                fallback="https://via.placeholder.com/150"
+                fallback={"/default.png"}
               />
             </Upload>
           </Form.Item>
+          <p className="text-xs italic">
+            Foto layanan dapat berupa logo atau tangkapan layar layanan.
+          </p>
+          <p className="text-xs italic">
+            Khusus tangkapan layar gunakan ukuran 300 x 100.
+          </p>
           <Form.Item name="hasLogo" valuePropName="checked">
             <Checkbox>Apakah berupa logo?</Checkbox>
           </Form.Item>
diff --git a/src/components/service/ServiceItem.tsx b/src/components/service/ServiceItem.tsx
index 94986c6..89f0c7d 100644
--- a/src/components/service/ServiceItem.tsx
+++ b/src/components/service/ServiceItem.tsx
@@ -68,7 +68,7 @@ const ServiceItem = ({ service, onItemDeleted }: ServiceItemProps) => {
     <div className="relative bg-white border rounded-md drop-shadow-sm gap-2 flex flex-col ">
       {!service.hasLogo ? (
         <Image
-          className="object-cover object-top"
+          className="object-cover"
           height={100}
           preview={false}
           src={service.imageUrl}
diff --git a/src/components/service/ServicesContent.tsx b/src/components/service/ServicesContent.tsx
index 0184643..f73853e 100644
--- a/src/components/service/ServicesContent.tsx
+++ b/src/components/service/ServicesContent.tsx
@@ -10,7 +10,7 @@ interface ServicesContentProps {
 
 const ServicesContent = ({ services, onItemDeleted }: ServicesContentProps) => {
   return (
-    <div className="my-5 flex-1 grid gap-5 2xl:grid-cols-5 xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 grid-cols-1 auto-rows-min">
+    <div className="my-5 flex-1 grid gap-5 2xl:grid-cols-5 xl:grid-cols-4 lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 auto-rows-min">
       {services.map((item: Service, index: number) => (
         <ServiceItem onItemDeleted={onItemDeleted} key={index} service={item} />
       ))}