tools icons

Yapper689 · Jul 8, 2024 · 11d1017 · 11d1017
1 parent a734086
commit 11d1017
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -26,12 +26,32 @@
   </head>
   <body>  
     <svg id="freehand-canvas" class="absolute inset-0 w-full h-full touch-none z-0"><path></path></svg>
-    <div draggable id="wrapper" class="bg-white w-[100px] h-[50%] rounded-2xl absolute left-5 top-5 m-auto drop-shadow-lg">
+    <div draggable id="wrapper" class="bg-white w-[100px] h-[50%] rounded-2xl absolute left-5 top-5 m-auto drop-shadow-lg flex flex-col">
       <div id="header" class="p-2 border-b border-gray-300 flex justify-center cursor-move">
         <div class="cursor-pointer">
           <i id="minimize" class="fa-solid fa-minus text-xl text-purple-700" onclick="toggleMinimize()"></i>
         </div>
       </div>
+      <div id="body" class="flex flex-col items-center justify-center flex-grow space-y-5">
+        <div class="cursor-pointer">
+          <i class="fa-solid fa-droplet text-xl text-purple-700"></i>
+        </div>
+        <div class="cursor-pointer">
+          <i class="fa-solid fa-eraser text-xl text-purple-700"></i>
+        </div>
+        <div class="cursor-pointer">
+          <i class="fa-regular fa-image text-xl text-purple-700"></i>
+        </div>
+        <div class="cursor-pointer">
+          <i class="fa-solid fa-trash text-xl text-purple-700"></i>
+        </div>
+        <div class="cursor-pointer">
+          <i class="fa-solid fa-handshake text-xl text-purple-700"></i>
+        </div>
+        <div class="cursor-pointer">
+          <i class="fa-regular fa-sun text-xl text-purple-700"></i>
+        </div>
+      </div>
     </div>
     <script src="/src/scripts/panel.js"></script>
     <script src="/src/scripts/draw.js"></script>