feat: show 'project' field and fix viewport size

HuolalaTech · May 11, 2023 · 581b65b · 581b65b
1 parent a178cfd
commit 581b65b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/component/content.ts b/src/component/content.ts
@@ -30,7 +30,7 @@ export class Content {
 
   render() {
     const { content = {}, onOk } = this.options;
-    const { name = '--', address = '--', clientOrigin } = content;
+    const { name = '--', address = '--', clientOrigin, project } = content;
     const [os, browser] = name.split(' ');
     const contentText = `
       <p><b>Device ID:</b> <span style="font-family: 'Monaco'">${address.slice(
@@ -39,8 +39,8 @@ export class Content {
       )}</span></p>
       <p><b>System:</b> ${os}</p>
       <p><b>Browser:</b> ${browser}</p>
+      <p><b>Project:</b> ${project}</p>
       `;
-    // <p><b>Group:</b> <span style="font-family: 'Monaco'">${project}</span></p>
 
     /* info */
     const info = document.createElement('div');

diff --git a/src/index.less b/src/index.less
@@ -39,6 +39,7 @@
     }
   }
   .page-spy-content {
+    width: 75%;
     max-width: (350em / @fontSize);
     background-color: #fafafa;
     border-radius: (4em / @fontSize);
@@ -58,7 +59,7 @@
         text-overflow: ellipsis;
         b {
           display: inline-block;
-          width: 100px;
+          width: (92em / @fontSize);
           text-align: right;
           margin-right: 10px;
         }