fix style;

Author: dotnet9

src/CodeWF/Pages/Tool/Converter/NuoChe.razor

@@ -34,7 +34,7 @@
             </div>
             <div class="input-group">
                 <label for="title">标题</label>
-                <input type="text" id="title" placeholder="临时停靠，请多关照" value="临时停靠，请多关照" />
+                <input type="text" id="title" placeholder="扫码挪车" value="扫码挪车" />
             </div>
             <div class="button-group">
                 <button class="primary-button" onclick="generateQrCode()">

src/CodeWF/Pages/Tool/Converter/NuoChe.razor.css

@@ -0,0 +1,64 @@
+/* 修改按钮组样式 */
+.button-group {
+    margin: 20px 0;
+    display: flex;
+    justify-content: center;  /* 按钮居中 */
+    width: 100%;
+}
+
+.primary-button {
+    background-color: #3385ff;
+    color: white;
+    border: none;
+    padding: 12px 32px;  /* 增加水平内边距 */
+    border-radius: 8px;
+    font-size: 1rem;
+    cursor: pointer;
+    transition: all 0.3s;
+    display: inline-flex;  /* 改为inline-flex */
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    min-width: 160px;  /* 设置最小宽度 */
+}
+
+/* 优化二维码容器的响应式显示 */
+.qr-code-container {
+    margin-top: 20px;
+    text-align: center;
+    width: 100%;
+    padding: 0 15px;
+}
+
+.qr-code-container img {
+    width: 100%;  /* 改为百分比宽度 */
+    max-width: 300px;  /* 限制最大宽度 */
+    height: auto;  /* 保持图片比例 */
+    margin: 0 auto 15px;  /* 上下间距调整 */
+    display: block;  /* 块级显示确保居中 */
+}
+
+/* 优化操作按钮布局 */
+.action-buttons {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-top: 15px;
+    flex-wrap: wrap;  /* 在小屏幕上允许换行 */
+    padding: 0 10px;
+}
+
+/* 响应式调整 */
+@media (max-width: 360px) {
+    .qr-code-container {
+        padding: 0 10px;
+    }
+    
+    .qr-code-container img {
+        max-width: 260px;  /* 在小屏幕上减小最大宽度 */
+    }
+    
+    .action-buttons {
+        gap: 15px;
+    }
+}