update css

eastarpen · Nov 23, 2023 · 9b6be90 · 9b6be90
1 parent 38a3ff9
commit 9b6be90
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/web-ui/src/App.vue b/web-ui/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <div style="height: 26vh;">
+    <div class="top">
         <h1 class="tittle">Ping Charts</h1>
         <radio-com :initModel="judgeLevel" :uid="levelUid" :items="levelItems" :info="levelInfo"
             @option-selected="changeLevel" />

diff --git a/web-ui/src/assets/styles/app.css b/web-ui/src/assets/styles/app.css
@@ -10,6 +10,10 @@ body {
     /* background-color: #CDF7D1; */
 }
 
+.top {
+    height: 26vh;
+}
+
 .tittle { 
     font-family: 'Amarante', Tahoma, sans-serif;
     font-weight: bold;

diff --git a/web-ui/src/assets/styles/table.css b/web-ui/src/assets/styles/table.css
@@ -59,29 +59,29 @@
 
 /* ===== Scrollbar CSS ===== */
 /* Firefox */
-* {
+.overflow-box {
     scrollbar-width: auto;
     scrollbar-color: #8f54a0 #ffffff;
 }
 
 /* Chrome, Edge, and Safari */
-*::-webkit-scrollbar {
+.overflow-box::-webkit-scrollbar {
     width: 12px;
     height: 12px;
 }
 
-*::-webkit-scrollbar-track {
+.overflow-box::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: rgba(205, 247, 209, 0.6);
 }
 
-*::-webkit-scrollbar-thumb {
+.overflow-box::-webkit-scrollbar-thumb {
     background: #009879;
     border-radius: 10px;
     border: 3px solid rgba(205, 247, 209, 0.6);
 }
 
-*::-webkit-scrollbar-corner {
+.overflow-box::-webkit-scrollbar-corner {
     background-color: rgba(205, 247, 209, 0.6);
 }