Buttons | ZstarPanda0210 rare chicken 24
html共 23 行
<button id="btn-message" class="button-message">
<div class="content-avatar">
<div class="status-user"></div>
<div class="avatar">
<svg
class="user-img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
>
<path
d="M12,12.5c-3.04,0-5.5,1.73-5.5,3.5s2.46,3.5,5.5,3.5,5.5-1.73,5.5-3.5-2.46-3.5-5.5-3.5Zm0-.5c1.66,0,3-1.34,3-3s-1.34-3-3-3-3,1.34-3,3,1.34,3,3,3Z"
></path>
</svg>
</div>
</div>
<div class="notice-content">
<div class="username">Jessica Sanders</div>
<div class="lable-message">
Message<span class="number-message">3</span>
</div>
<div class="user-id">@jessisanders</div>
</div>
</button>