From 2d6adc723aea44b52bf160ceeed16f018a2f48e4 Mon Sep 17 00:00:00 2001
From: boomtnt2843 <boomphat@odds.team>
Date: Sun, 16 Jul 2023 11:39:27 +0700
Subject: [PATCH] Revert "style"

This reverts commit 63cb3d6e502c7c1d2eadffca43f2b6e998f64d7b.
---
 src/lib/components/ItemBox.svelte |  2 +-
 src/routes/fridge/+page.svelte    | 12 +++++-------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/ItemBox.svelte b/src/lib/components/ItemBox.svelte
index ccf20c4..16bfd08 100644
--- a/src/lib/components/ItemBox.svelte
+++ b/src/lib/components/ItemBox.svelte
@@ -8,7 +8,7 @@
 
 </script>
 
-<div class="flex flex-col w-[110px] rounded-xl overflow-hidden mb-2 mr-1 shadow-sm itemboxs" >
+<div class="flex flex-col w-[110px] rounded-xl border-2 overflow-hidden mb-2 mr-2" >
   <img src={image} alt="item-img" />
   <div class="flex flex-col space-y-1 p-2 items-start">
     <h1>{name}</h1>
diff --git a/src/routes/fridge/+page.svelte b/src/routes/fridge/+page.svelte
index 07c58b4..d4b2b0e 100644
--- a/src/routes/fridge/+page.svelte
+++ b/src/routes/fridge/+page.svelte
@@ -16,13 +16,11 @@
     if ($ingredients.find((e: any) => e.name === obj.name)) {
       console.log("found");
       $ingredients = $ingredients.filter((e: any) => e.name != obj.name);
-      box?.classList.remove("!border-4");
-      box?.classList.remove("!border-main");
+      box?.classList.remove("!bg-orange-200");
     } else {
       if ($ingredients.length < 3) {
         $ingredients = $ingredients.concat(obj);
-        box?.classList.add("!border-4");
-        box?.classList.add("!border-main");
+        box?.classList.add("!bg-orange-200");
       }
     }
   };
@@ -52,7 +50,7 @@
   $: hidden8 = $ingredients.length <= 0;
 </script>
 
-<div class="flex flex-col w-screen pt-4 ">
+<div class="flex flex-col w-screen pt-4">
   <div class="w-full border-b-2 px-4">
     <img src="./image/mocking/logo.png" alt="logo" />
   </div>
@@ -117,9 +115,9 @@
     <div class="h-80" />
   {/if}
   <div
-    class="rounded-full w-14 h-14 bg-main fixed bottom-14 right-2 flex justify-center items-center"
+    class="rounded-full w-10 h-10 bg-black fixed bottom-14 right-0 flex justify-center items-center"
   >
-    <a class="text-white text-[20px]" href="/fridge/add">+</a>
+    <a class="text-white" href="/fridge/add">+</a>
   </div>
   <nav class="fixed bottom-0 w-screen border-t-2 border-" />
   <button on:click={debugNoti}>Test</button>