avatar样式

public/client.js

@@ -267,6 +267,17 @@ export default class ClientList {
                                     }
                                 }),
                                 Input({
+                                    style: {
+                                        width: '100px',
+                                        border: '2px dotted #bbb',
+                                        borderRadius: '50%',
+                                        outline: 'none',
+                                        padding: '5px 0',
+                                        textAlign: 'center',
+                                        position: 'absolute',
+                                        bottom: '-5px',
+                                        left: '85px',
+                                    },
                                     value: item.name ?? item.id,
                                     type: 'text',
                                     placeholder: '请设置你的名字',

public/weigets.js

@@ -63,8 +63,9 @@ export function Dialog(options) {
         transform: translate(-50%, -50%);
         padding: 1em;
         background-color: #fff;
-        border-radius: 0.5em;
+        border-radius: 150px;
         box-shadow: 0 0 1em #ccc;
+        overflow: hidden;
     `
     element.appendChild(content)
     // 点击空白处关闭