Improve test layout

Super12138 · Aug 30, 2024 · 385a65f · 385a65f
1 parent 39b357e
commit 385a65f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 5 deletions.
diff --git a/src/index.css b/src/index.css
@@ -74,7 +74,15 @@ strong {
 }
 
 #controlArea {
-    margin: 5% 2% 2% 2%;
+    margin: 5% 2% 26% 2%;
+}
+
+a {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    max-width: 200px;
+    /* 设置最大宽度 */
 }
 
 .prev-btn {
@@ -120,7 +128,7 @@ strong {
     margin-left: 10px;
 }
 
-.center{
+.center {
     text-align: center;
 }
 
@@ -134,7 +142,10 @@ strong {
 }
 
 #references {
-    margin-top: 5%;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    width: 100%;
 }
 
 #resultArea {

diff --git a/src/index.ts b/src/index.ts
@@ -1,4 +1,5 @@
 import 'mdui/components/button-icon.js';
+import 'mdui/components/divider.js';
 import 'mdui/components/layout-item.js';
 import 'mdui/components/layout-main.js';
 import 'mdui/components/layout.js';

diff --git a/src/settings/index.ts b/src/settings/index.ts
@@ -1,7 +1,6 @@
 import 'mdui/components/dialog.js';
 import 'mdui/components/dropdown.js';
 import 'mdui/components/switch.js';
-import 'mdui/components/divider.js';
 
 import '@mdui/icons/delete--outlined.js';
 import '@mdui/icons/info--outlined.js';

diff --git a/test.html b/test.html
@@ -11,8 +11,9 @@
             <br>
             <strong id="questionnaireTips" class="red"></strong>
         </div>
+        <mdui-divider style="margin: 3% 0 3% 0;"></mdui-divider>
         <div id="references">
-            <h5 style="margin: 20px 0px 20px 0px;">参考信息</h5>
+            <h5 style="margin: 0 0 20px 0;">参考信息</h5>
         </div>
     </div>