Final touches

vighneshwho · vighneshwho · commit 2ad52590c2a2 · 2023-06-11T15:38:43.000+05:30
diff --git a/index.html b/index.html
@@ -6,18 +6,21 @@
   <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="flex items-center justify-center h-screen w-screen">
-    <div class="bg-[#04D2A9] rounded-[11px] p-[1px]">
-        <div class="p-2 rounded-[10px] flex items-center justify-center border border-[#4FDFC3] bg-gradient-to-b from-[#04D2A9] to-[#4FDFC3]">
+        <div class="gap-2 cursor-pointer h-[36px] px-2 rounded-[10px] flex items-center justify-between border border-[#4FDFC3] bg-gradient-to-b from-[#04D2A9] to-[#4FDFC3]"
+        style="box-shadow: 0px 1px 2px rgba(31, 42, 55, 0.4), 0px 0px 0px 1px #04D2A9;"
+        >
             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path d="M10 4.16667V15.8333M4.16666 10H15.8333" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
             </svg>
-            <div class="flex w-[162px] h-[36px] font-medium items-center justify-center text-white">
+            <div class="text-sm flex font-medium items-center justify-center text-white"
+            style="text-shadow: 0px 20px 24px rgba(16, 24, 40, 0.08), 0px 8px 8px rgba(16, 24, 40, 0.03);"
+            >
                 New Template
             </div>
-            <div class="rounded-10 bg-[#03BE99] text-white w-[21px] h-[20px] flex items-center justify-center">
+            <div class="rounded-[6px] font-medium text-xs bg-[#03BE99] text-white w-[21px] h-[20px] flex items-center justify-center">
                 N
             </div>
-        </div>
+
     </div>
 </body>
 </html>
