Update TipInfo

arghyaxcodes · arghyaxcodes · commit fde40b3c7f86 · 2021-10-05T11:53:57.000+05:30
diff --git a/src/components/Tip.js b/src/components/Tip.js
@@ -43,29 +43,23 @@ export function TipInfo({ children }) {
   return (
     <div className="text-sm leading-6 bg-blue-50 text-blue-800 px-6 py-4 mb-8 rounded-lg">
       <div className="flex items-start space-x-3">
-        <svg className="mt-1" height="40" width="40" fill="none" viewBox="0 0 40 40">
+        <svg width="40" height="40" className="text-sky-500" fill="none">
           <path
+            d="M7 7C7 6.20435 7.31607 5.44129 7.87868 4.87868C8.44129 4.31607 9.20435 4 10 4H23.757C24.1511 3.99995 24.5414 4.07756 24.9055 4.22838C25.2696 4.3792 25.6004 4.60029 25.879 4.879L32.12 11.12C32.399 11.3987 32.6204 11.7296 32.7714 12.0939C32.9223 12.4582 33 12.8487 33 13.243V33C33 33.7956 32.6839 34.5587 32.1213 35.1213C31.5587 35.6839 30.7956 36 30 36H10C9.20435 36 8.44129 35.6839 7.87868 35.1213C7.31607 34.5587 7 33.7956 7 33V7Z"
             fill="#93C5FD"
-            d="M5 5a3 3 0 013-3h13.757a3 3 0 012.122.879L30.12 9.12a3 3 0 01.88 2.123V31a3 3 0 01-3 3H8a3 3 0 01-3-3V5z"
           />
           <path
+            d="M9 7C9 6.73478 9.10536 6.48043 9.29289 6.29289C9.48043 6.10536 9.73478 6 10 6H23C23.2652 6 23.5196 6.10536 23.7071 6.29289C23.8946 6.48043 24 6.73478 24 7V12C24 12.2652 24.1054 12.5196 24.2929 12.7071C24.4804 12.8946 24.7348 13 25 13H30C30.2652 13 30.5196 13.1054 30.7071 13.2929C30.8946 13.4804 31 13.7348 31 14V33C31 33.2652 30.8946 33.5196 30.7071 33.7071C30.5196 33.8946 30.2652 34 30 34H10C9.73478 34 9.48043 33.8946 9.29289 33.7071C9.10536 33.5196 9 33.2652 9 33V7Z"
             fill="#DBEAFE"
-            d="M7 5a1 1 0 011-1h13a1 1 0 011 1v5a1 1 0 001 1h5a1 1 0 011 1v19a1 1 0 01-1 1H8a1 1 0 01-1-1V5z"
           />
           <path
+            d="M15 17H20.8H25M12 21C18.2484 21 21.7516 21 28 21M15 25H20.8H25"
             stroke="#93C5FD"
+            strokeWidth={2}
             strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={1.5}
-            d="M17 18h7m-9 3h10m-8 3h7"
-          />
-          <path
-            fill="#60A5FA"
-            fillRule="evenodd"
-            d="M24.634 26.22a8.001 8.001 0 00-11.977-10.562A8 8 0 0023.22 27.635l2.872 2.872a1 1 0 000 1.414l5.657 5.657a1 1 0 001.414 0l1.414-1.414a1 1 0 000-1.415l-5.657-5.656a1 1 0 00-1.414 0l-2.872-2.873zm-2.078-.663a6 6 0 10-8.485-8.485 6 6 0 008.485 8.485z"
-            clipRule="evenodd"
           />
         </svg>
+
         <p className="flex-1 min-w-0">{children}</p>
       </div>
     </div>
