feat: chat panel redesigned ui

This commit is contained in:
butterfly
2024-04-16 14:07:51 +08:00
parent 3fc9b91bf1
commit 51a1d9f92a
41 changed files with 1350 additions and 526 deletions

View File

@@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_460_34354" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 21.1001C6.97444 21.1001 2.9001 17.0258 2.9001 12.0001C2.9001 6.97444 6.97444 2.9001 12.0001 2.9001C17.0258 2.9001 21.1001 6.97444 21.1001 12.0001C21.1001 17.0258 17.0258 21.1001 12.0001 21.1001ZM12.0001 22.9001C5.98032 22.9001 1.1001 18.0199 1.1001 12.0001C1.1001 5.98032 5.98032 1.1001 12.0001 1.1001C18.0199 1.1001 22.9001 5.98032 22.9001 12.0001C22.9001 18.0199 18.0199 22.9001 12.0001 22.9001ZM10.6296 10.1822C10.4423 10.2662 10.2926 10.4151 10.2087 10.6008L8.03701 15.4136C8.00194 15.4909 7.99155 15.5769 8.00723 15.6602C8.02291 15.7434 8.06391 15.82 8.12475 15.8796C8.18559 15.9392 8.26337 15.979 8.34772 15.9938C8.43206 16.0085 8.51895 15.9975 8.59677 15.9621L13.431 13.7758C13.619 13.6908 13.7688 13.5403 13.8518 13.353L15.9646 8.58346C15.9989 8.5063 16.0086 8.42068 15.9926 8.33793C15.9766 8.25517 15.9355 8.17918 15.8748 8.12C15.8141 8.06083 15.7367 8.02126 15.6528 8.00653C15.5689 7.9918 15.4824 8.0026 15.4049 8.03751L10.6296 10.1822Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 21.1001C6.97444 21.1001 2.9001 17.0258 2.9001 12.0001C2.9001 6.97444 6.97444 2.9001 12.0001 2.9001C17.0258 2.9001 21.1001 6.97444 21.1001 12.0001C21.1001 17.0258 17.0258 21.1001 12.0001 21.1001ZM12.0001 22.9001C5.98032 22.9001 1.1001 18.0199 1.1001 12.0001C1.1001 5.98032 5.98032 1.1001 12.0001 1.1001C18.0199 1.1001 22.9001 5.98032 22.9001 12.0001C22.9001 18.0199 18.0199 22.9001 12.0001 22.9001ZM10.6296 10.1822C10.4423 10.2662 10.2926 10.4151 10.2087 10.6008L8.03701 15.4136C8.00194 15.4909 7.99155 15.5769 8.00723 15.6602C8.02291 15.7434 8.06391 15.82 8.12475 15.8796C8.18559 15.9392 8.26337 15.979 8.34772 15.9938C8.43206 16.0085 8.51895 15.9975 8.59677 15.9621L13.431 13.7758C13.619 13.6908 13.7688 13.5403 13.8518 13.353L15.9646 8.58346C15.9989 8.5063 16.0086 8.42068 15.9926 8.33793C15.9766 8.25517 15.9355 8.17918 15.8748 8.12C15.8141 8.06083 15.7367 8.02126 15.6528 8.00653C15.5689 7.9918 15.4824 8.0026 15.4049 8.03751L10.6296 10.1822Z" fill="#A5A5B3"/>
<path d="M10.2087 10.6008L8.56823 9.86003L8.56803 9.86047L10.2087 10.6008ZM10.6296 10.1822L11.3662 11.8246L11.3671 11.8242L10.6296 10.1822ZM8.03701 15.4136L9.67611 16.1575L9.67771 16.154L8.03701 15.4136ZM8.00723 15.6602L9.77614 15.3271L9.77614 15.3271L8.00723 15.6602ZM8.12475 15.8796L6.86502 17.1653L6.86503 17.1653L8.12475 15.8796ZM8.34772 15.9938L8.6577 14.2207L8.65767 14.2207L8.34772 15.9938ZM8.59677 15.9621L7.85504 14.322L7.85205 14.3234L8.59677 15.9621ZM13.431 13.7758L12.6894 12.1357L12.6892 12.1357L13.431 13.7758ZM13.8518 13.353L15.4974 14.0825L15.4976 14.0821L13.8518 13.353ZM15.9646 8.58346L14.3194 7.85319L14.3189 7.85443L15.9646 8.58346ZM15.4049 8.03751L16.1423 9.67951L16.1436 9.67893L15.4049 8.03751ZM1.1001 12.0001C1.1001 18.0199 5.98032 22.9001 12.0001 22.9001V19.3001C7.96855 19.3001 4.7001 16.0316 4.7001 12.0001H1.1001ZM12.0001 1.1001C5.98032 1.1001 1.1001 5.98032 1.1001 12.0001H4.7001C4.7001 7.96855 7.96855 4.7001 12.0001 4.7001V1.1001ZM22.9001 12.0001C22.9001 5.98032 18.0199 1.1001 12.0001 1.1001V4.7001C16.0316 4.7001 19.3001 7.96855 19.3001 12.0001H22.9001ZM12.0001 22.9001C18.0199 22.9001 22.9001 18.0199 22.9001 12.0001H19.3001C19.3001 16.0316 16.0316 19.3001 12.0001 19.3001V22.9001ZM-0.699902 12.0001C-0.699902 19.014 4.98621 24.7001 12.0001 24.7001V21.1001C6.97444 21.1001 2.9001 17.0258 2.9001 12.0001H-0.699902ZM12.0001 -0.699902C4.98621 -0.699902 -0.699902 4.98621 -0.699902 12.0001H2.9001C2.9001 6.97444 6.97444 2.9001 12.0001 2.9001V-0.699902ZM24.7001 12.0001C24.7001 4.98621 19.014 -0.699902 12.0001 -0.699902V2.9001C17.0258 2.9001 21.1001 6.97444 21.1001 12.0001H24.7001ZM12.0001 24.7001C19.014 24.7001 24.7001 19.014 24.7001 12.0001H21.1001C21.1001 17.0258 17.0258 21.1001 12.0001 21.1001V24.7001ZM11.8492 11.3416C11.7506 11.5601 11.5769 11.7301 11.3662 11.8246L9.89297 8.53983C9.30769 8.80234 8.83461 9.27013 8.56823 9.86003L11.8492 11.3416ZM9.67771 16.154L11.8494 11.3412L8.56803 9.86047L6.39631 14.6733L9.67771 16.154ZM9.77614 15.3271C9.82909 15.6082 9.79377 15.8983 9.6761 16.1575L6.39791 14.6698C6.21011 15.0836 6.15402 15.5456 6.23832 15.9933L9.77614 15.3271ZM9.38447 14.5938C9.58536 14.7907 9.72322 15.046 9.77614 15.3271L6.23832 15.9933C6.3226 16.4408 6.54246 16.8493 6.86502 17.1653L9.38447 14.5938ZM8.65767 14.2207C8.92992 14.2682 9.18384 14.3973 9.38446 14.5938L6.86503 17.1653C7.18733 17.4811 7.59683 17.6898 8.03777 17.7669L8.65767 14.2207ZM7.85205 14.3234C8.10481 14.2085 8.38558 14.1731 8.6577 14.2207L8.03773 17.7669C8.47854 17.8439 8.93308 17.7864 9.3415 17.6008L7.85205 14.3234ZM12.6892 12.1357L7.85504 14.322L9.33851 17.6022L14.1727 15.4159L12.6892 12.1357ZM12.2063 12.6236C12.304 12.4031 12.4778 12.2313 12.6894 12.1357L14.1726 15.4159C14.7602 15.1502 15.2337 14.6774 15.4974 14.0825L12.2063 12.6236ZM14.3189 7.85443L12.2061 12.624L15.4976 14.0821L17.6104 9.31249L14.3189 7.85443ZM14.2255 8.68043C14.1713 8.401 14.2045 8.11222 14.3194 7.85319L17.6098 9.31374C17.7933 8.90039 17.846 8.44037 17.7597 7.99543L14.2255 8.68043ZM14.618 9.4086C14.4177 9.21323 14.2796 8.95973 14.2255 8.68043L17.7597 7.99543C17.6735 7.55061 17.4533 7.14512 17.1316 6.83141L14.618 9.4086ZM15.3416 9.77942C15.0708 9.73188 14.8181 9.60373 14.618 9.4086L17.1316 6.83141C16.8102 6.51793 16.4027 6.31063 15.964 6.23364L15.3416 9.77942ZM16.1436 9.67893C15.8917 9.79231 15.6123 9.82694 15.3416 9.77942L15.964 6.23364C15.5255 6.15666 15.0732 6.2129 14.6661 6.39609L16.1436 9.67893ZM11.3671 11.8242L16.1423 9.67951L14.6674 6.39552L9.89215 8.5402L11.3671 11.8242Z" fill="#A5A5B3" mask="url(#path-1-inside-1_460_34354)"/>
</svg>

After

Width:  |  Height:  |  Size: 5.6 KiB