fix qrcode

css/custom.css

@@ -94,14 +94,26 @@
     border: 1px solid #ccc;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px; /* 调整为 auto 以适应内容 */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
 }
 
+.qr-text {
+    margin-bottom: 1.5px; /* 在文本和二维码之间添加一些间距 */
+    color: #333; /* 文本颜色 */
+    font-size: 14px; /* 文本大小 */
+    text-align: center; /* 确保文本居中 */
+}
+
 #qr-code img {
-  width: 150px;
+    max-width: 100%;
-  height: 150px;
+    max-height: 100%;
     border-radius: 10px;
 }
 
@@ -110,3 +122,4 @@
     opacity: 1;
     visibility: visible;
 }
+