Revert "style"

This reverts commit 63cb3d6.

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>

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>