UI improvement

jason5ng32 · Dec 20, 2023 · 047936c · 047936c
1 parent 24130d6
commit 047936c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/public/index.html b/public/index.html
@@ -323,7 +323,7 @@ <h5 class="speedtest-h5">{{currentTexts.speedtest.Jitter}}</h5>
                       </p>
                     </div>
                   </div>
-                  <div class="row jn-speedtest-note text-center" v-if="speedTestStatus === 'finished'">
+                  <div class="row jn-speedtest-note" v-if="speedTestStatus === 'finished'">
                     <p id="score" class="speedtest-p">📋 {{currentTexts.speedtest.score}}
                       {{currentTexts.speedtest.videoStreaming}}
                       <span :class="speedTest.streamingScore >= 50 ? 'text-success' : 'text-warning'">

diff --git a/public/res/css/style.css b/public/res/css/style.css
@@ -240,12 +240,19 @@ footer {
 .jn-speedtest-number {
     font-size: 2em;
 }
-.jn-speedtest-note::before {
+
+.jn-speedtest-note {
+    background-color: #3a93643b;
+    border: 1px solid #1a8754;
+    margin: 0;
+    border-radius: 6pt;
+}
+/* .jn-speedtest-note::before {
     content: "";
     border-top: 1px solid #19945a5c;
     width: 50%;
     margin: 0 auto;
-}
+} */
 
 .speedtest-p {
     margin-top:10pt;