to:sync

static/mylomen.html

@@ -36,10 +36,10 @@
             -webkit-box-align: center;
 
             position: fixed;
-            width: 36rem;
+            width: 30rem;
-            min-height: 45rem;
+            min-height: 40rem;
             top: calc(5%);
-            left: calc(50% - 18rem);
+            left: calc(50% - 15rem);
             z-index: 101;
 
             background-color: white;
@@ -250,13 +250,13 @@
         .chat-log {
             flex: 1;
             overflow-y: auto;
-            padding: 20px;
+            padding: 2rem;
         }
 
         .chat-bubble {
             display: flex;
             align-items: center;
-            margin-bottom: 10px;
+            margin-bottom: 1rem;
         }
 
         .user-bubble {
@@ -264,8 +264,8 @@
         }
 
         .bubble-content {
-            padding: 10px 15px;
+            padding: 1rem 1.5rem;
-            border-radius: 20px;
+            border-radius: 2rem;
         }
 
         .user-bubble .bubble-content {
@@ -281,17 +281,17 @@
         .input-area {
             display: flex;
             align-items: center;
-            padding: 20px;
+            padding: 2rem;
         }
 
         .input-text {
             flex: 1;
-            padding: 10px;
+            padding: 1rem;
-            margin-right: 10px;
+            margin-right: 1rem;
         }
 
         .submit-button {
-            padding: 10px 20px;
+            padding: 1rem 2rem;
             background-color: #2196f3;
             color: #ffffff;
             border: none;
@@ -299,7 +299,7 @@
         }
 
         li {
-            margin-top: 10px;
+            margin-top: 1rem;
         }
 
         a {
@@ -316,7 +316,7 @@
         }
 
         table td, table th {
-            padding: 10px;
+            padding: 1rem;
         }
 
         .language-sql {
@@ -340,7 +340,7 @@
         }
         .recommendation{
             color: #1c4cf3;
-            margin-top: 10px;
+            margin-top: 1rem;
         }
 
     </style>
@@ -360,7 +360,7 @@
                 <button id="submit" style="margin-left: 10px;width: 100px" onclick="sendMessage()" class="submit-button">
                     发送
                 </button>
-                <button style="margin-left: 20px;width: 100px;background-color: red" onclick="clearChat()"
+                <button style="margin-left: 2rem;width: 10rem;background-color: red" onclick="clearChat()"
                         class="submit-button">clear
                 </button>
             </div>