chore: redesign button component SVG icon

wangdicoder · wangdicoder · commit 53e62287bedf · 2026-03-11T16:54:01.000+11:00
diff --git a/site/src/assets/icon/button.svg b/site/src/assets/icon/button.svg
@@ -1,23 +1,18 @@
 <svg width="280" height="140" viewBox="0 0 280 140" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="280" height="140" fill="#F4F5F7"/>
-<g filter="url(#filter0_dd)">
-<rect x="106" y="55" width="69" height="30" rx="6" fill="#161E2E"/>
-<path d="M119.119 75H123.021C125.388 75 126.457 73.8217 126.457 72.2607C126.457 70.6847 125.353 69.7947 124.344 69.7401V69.6406C125.278 69.402 126.059 68.7656 126.059 67.4929C126.059 65.9865 125.015 64.8182 122.847 64.8182H119.119V75ZM120.655 73.6825V70.4212H122.927C124.16 70.4212 124.93 71.2166 124.93 72.1861C124.93 73.0412 124.349 73.6825 122.872 73.6825H120.655ZM120.655 69.223V66.1257H122.753C123.971 66.1257 124.553 66.767 124.553 67.6122C124.553 68.5966 123.747 69.223 122.713 69.223H120.655ZM132.922 71.8331C132.927 73.1307 131.962 73.7472 131.127 73.7472C130.207 73.7472 129.571 73.081 129.571 72.0419V67.3636H128.084V72.2209C128.084 74.1151 129.124 75.0994 130.59 75.0994C131.739 75.0994 132.519 74.4929 132.872 73.6776H132.952V75H134.413V67.3636H132.922V71.8331ZM139.9 67.3636H138.334V65.5341H136.848V67.3636H135.729V68.5568H136.848V73.0661C136.843 74.4531 137.902 75.1243 139.075 75.0994C139.547 75.0945 139.865 75.005 140.039 74.9403L139.771 73.7124C139.672 73.7322 139.488 73.777 139.249 73.777C138.767 73.777 138.334 73.6179 138.334 72.7578V68.5568H139.9V67.3636ZM145.034 67.3636H143.468V65.5341H141.982V67.3636H140.863V68.5568H141.982V73.0661C141.977 74.4531 143.036 75.1243 144.209 75.0994C144.681 75.0945 144.999 75.005 145.173 74.9403L144.905 73.7124C144.806 73.7322 144.622 73.777 144.383 73.777C143.901 73.777 143.468 73.6179 143.468 72.7578V68.5568H145.034V67.3636ZM149.738 75.1541C151.891 75.1541 153.298 73.5781 153.298 71.2166C153.298 68.8402 151.891 67.2642 149.738 67.2642C147.585 67.2642 146.179 68.8402 146.179 71.2166C146.179 73.5781 147.585 75.1541 149.738 75.1541ZM149.743 73.9062C148.336 73.9062 147.68 72.6783 147.68 71.2116C147.68 69.75 148.336 68.5071 149.743 68.5071C151.14 68.5071 151.796 69.75 151.796 71.2116C151.796 72.6783 151.14 73.9062 149.743 73.9062ZM156.369 70.4659C156.369 69.2479 157.114 68.5518 158.148 68.5518C159.158 68.5518 159.769 69.2131 159.769 70.3217V75H161.256V70.1428C161.256 68.2536 160.217 67.2642 158.656 67.2642C157.507 67.2642 156.756 67.7962 156.403 68.6065H156.309V67.3636H154.882V75H156.369V70.4659Z" fill="white"/>
+<g filter="url(#f1)">
+<rect x="90" y="50" width="100" height="40" rx="8" fill="#161E2E"/>
 </g>
+<rect x="112" y="67" width="56" height="6" rx="3" fill="white"/>
 <defs>
-<filter id="filter0_dd" x="103" y="53" width="75" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<filter id="f1" x="87" y="48" width="106" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="bg"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
 <feOffset dy="1"/>
 <feGaussianBlur stdDeviation="1.5"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
+<feBlend mode="normal" in2="bg" result="shadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="shadow" result="shape"/>
 </filter>
 </defs>
 </svg>
