fixed sizes on desktop

rahgurung · May 14, 2020 · 746550b · 746550b
1 parent f4b62b4
commit 746550b
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 22 deletions.
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/index.html b/index.html
@@ -14,6 +14,7 @@
     <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
     <link rel="stylesheet" href="style.css">
+    <link rel="shortcut icon" type="image/png" href="./assets/favicon.ico" />
 </head>
 
 <body>
@@ -26,7 +27,7 @@ <h3 class="text-left covid-title">Covid19Web</h3>
     </div>
     <div class="container covid-container" id="app" v-cloak>
         <div class="row">
-            <div class="col-sm-12 col-lg-6">
+            <div class="col-sm-12 col-lg-7">
                 <table class="table table-sm">
                     <thead>
                         <tr>
@@ -44,38 +45,32 @@ <h3 class="text-left covid-title">Covid19Web</h3>
                             <td>
                                 {{result.confirmed}}
                                 <span v-if="result.deltaconfirmed > 0">
-                                    (
                                     <span class="covid-danger">
                                         +{{ result.deltaconfirmed }}
                                     </span>
-                                    )
                                 </span>
                             </td>
                             <td>
                                 {{result.deaths}}
                                 <span v-if="result.deltadeaths > 0">
-                                    (
                                     <span class="covid-danger">
                                         +{{ result.deltadeaths }}
                                     </span>
-                                    )
                                 </span>
                             </td>
                             <td>
                                 {{result.recovered}}
                                 <span v-if="result.deltarecovered > 0">
-                                    (
                                     <span class="covid-safe">
                                         +{{ result.deltarecovered }}
                                     </span>
-                                    )
                                 </span>
                             </td>
                         </tr>
                     </tbody>
                 </table>
             </div>
-            <div class="col-sm-12 col-lg-6">
+            <div class="col-sm-12 col-lg-5">
                 <canvas id="canvas" width="400" height="300"></canvas>
             </div>
         </div>

diff --git a/style.css b/style.css
@@ -1,39 +1,52 @@
 .covid-list {
-    padding: 5px;
+  padding: 5px;
 }
 
 .covid-list-header {
-    background-color: #4B9895 !important;
-    border: #4B9895 !important;
-    padding: 5px;
+  background-color: #4b9895 !important;
+  border: #4b9895 !important;
+  padding: 5px;
 }
 
 /* .covid-container {
     margin: 50px;
 } */
 
 .covid-title {
-    color: #4B9895 !important;
-    margin: 90px 0 80px 0;
-    font-family: 'Righteous', cursive;
+  color: #4b9895 !important;
+  margin: 90px 0 80px 0;
+  font-family: 'Righteous', cursive;
 }
 
 body {
-    background-color: #F7FAFC;
+  background-color: #f7fafc;
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
+}
+
+body::-webkit-scrollbar {
+  display: none; /* Safari and Chrome */
 }
 
 .covid-danger {
-    color: #E64A35;
+  color: #e64a35;
+  font-size: 10px;
 }
 
 .covid-safe {
-    color: green;
+  color: green;
+  font-size: 10px;
 }
 
-a, li {
-    font-family: 'Roboto', sans-serif;
+a,
+li {
+  font-family: 'Roboto', sans-serif;
+}
+
+td {
+
 }
 
 [v-cloak] {
-    display: none;
-}
+  display: none;
+}