优化控制台的版本号样式

noear · Jun 3, 2024 · 54be0f4 · 54be0f4
1 parent cdecef2
commit 54be0f4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 15 deletions.
diff --git a/folkmq-lang-java/folkmq-embedded/src/main/resources/templates/folkmq/login.ftl b/folkmq-lang-java/folkmq-embedded/src/main/resources/templates/folkmq/login.ftl
@@ -15,10 +15,11 @@
         section table input{height: 30px!important; width: 100%;}
         section table button{color: #000; height: 30px; width: 120px;}
 
-        header p{margin: 10px;line-height: 30px;}
-        header sup{color: #fd6721; border-radius: 10px;margin-left: 5px;}
+        header p{margin: 10px;line-height: 30px;font-size: 1.1em}
+        header ver{display: inline-block; margin-left: 5px; background: #80ea6e; border-radius: 5px;font-size: small;font-weight:normal; padding: 0 4px;line-height:1.5em}
     </style>
 
+
     <script type="text/javascript">
         function checkClick() {
             $.ajax({
@@ -53,7 +54,7 @@
     <header>
     <flex>
         <left class="col-6">
-            <p>${title}<sup>${version}</sup></p>
+            <p>${title}<ver>${version}</ver></p>
         </left>
         <right class="col-6">
             <p>

diff --git a/folkmq-lang-java/folkmq-server-broker/src/main/resources/templates/login.ftl b/folkmq-lang-java/folkmq-server-broker/src/main/resources/templates/login.ftl
@@ -15,8 +15,8 @@
         section table input{height: 30px!important; width: 100%;}
         section table button{color: #000; height: 30px; width: 120px;}
 
-        header p{margin: 10px;line-height: 30px;}
-        header sup{color: #fd6721; border-radius: 10px;margin-left: 5px;}
+        header p{margin: 10px;line-height: 30px;font-size: 1.1em}
+        header ver{display: inline-block; margin-left: 5px; background: #80ea6e; border-radius: 5px;font-size: small;font-weight:normal; padding: 0 4px;line-height:1.5em}
     </style>
 
     <script type="text/javascript">
@@ -51,19 +51,21 @@
 
 <main>
     <header>
-    <flex>
-        <left class="col-6">
-            <p>${title}<sup>${version}</sup></p>
-        </left>
-        <right class="col-6">
-            <p>
-                <a href="https://gitee.com/noear/folkmq" target="_blank">gitee</a> | <a href="https://github.com/noear/folkmq">github</a>
-            </p>
-        </right>
-    </flex>
+        <flex>
+            <left class="col-6">
+                <p>${title}<ver>${version}</ver></p>
+            </left>
+            <right class="col-6">
+                <p>
+                    <a href="https://gitee.com/noear/folkmq" target="_blank">gitee</a> | <a href="https://github.com/noear/folkmq">github</a>
+                </p>
+            </right>
+        </flex>
     </header>
 
     <section>
+
+
         <form method="post">
             <table>
                 <tr><th width="60px;">账号：</th>