💄 Optimize meet page

2025-04-06 14:49:00 +08:00
parent aa3c0a9dbf
commit 413ad0629a
1 changed files with 6 additions and 32 deletions
--- a/templates/meet.tmpl
+++ b/templates/meet.tmpl
@@ -3,48 +3,22 @@
 <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Solar Network Captcha</title>
+    <title>Solar Network Meet</title>
    <link
            href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap"
            rel="stylesheet"
    />
    <style>
        body {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
+            width: 100vw;
            height: 100vh;
-            background-color: #2d2d2d;
-            font-family: "Roboto Mono", monospace;
-            color: #c9d1d9;
+            padding: 0;
+            margin: 0;
        }
        .container {
            width: 100vw;
            height: 100vh;
        }
-        .parent {
-            padding: 20px;
-            max-width: 480px;
-            margin: 0 auto;
-        }
-        h2 {
-            font-size: 18px;
-            font-weight: 300;
-            color: #ffffff;
-            margin-bottom: 15px;
-        }
-        .footer {
-            margin-top: 20px;
-            font-size: 11px;
-            opacity: 0.6;
-        }
-        .footer-product {
-            font-size: 12px;
-            font-weight: bold;
-            margin-bottom: 5px;
-            opacity: 0.8;
-        }
    </style>
    <script src='https://meet.element.io/external_api.js'></script>
 </head>
@@ -64,8 +38,8 @@
    const domain = 'meet.element.io';
    const options = {
        roomName: "{{ .RoomName }}",
-        width: node.clientWidth,
-        height: node.clientHeight,
+        width: '100%',
+        height: '100%',
        parentNode: node,
        userInfo: {
            avatar: {{ .User.Avatar }},