Rounded corners and set initial title instead of webpack default.

spmvg · Sep 24, 2024 · 70bca43 · 70bca43
1 parent 133d348
commit 70bca43
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 63 deletions.
diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.png">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>Backlooper</title>
   </head>
   <body>
     <noscript>

diff --git a/src/components/BackLooper.vue b/src/components/BackLooper.vue
@@ -1,14 +1,15 @@
 <template>
   <div>
     <div class="row my-2 py-2">
-      <div class="col-3 align-middle"
+      <div class="col-3 align-middle rounded"
            v-for="number in [...Array(beats).keys()]"
            :key="number"
            :style="[number+1==beat ? 'background-color:rgb(43, 43, 43)' : 'background-color:rgb(60, 63, 65)']">
         <span style="font-size: 40pt">{{ number + 1 }}</span>
       </div>
     </div>
-    <div class="col-12 my-1" :style="(info_bar.includes('Error') || info_bar.startsWith('Latency has not been set. '))? 'background-color:rgb(100, 43, 43)' : 'background-color:rgb(43, 43, 43)'">
+    <div class="col-12 my-1 px-2 rounded"
+         :style="(info_bar.includes('Error') || info_bar.startsWith('Latency has not been set. '))? 'background-color:rgb(100, 43, 43)' : 'background-color:rgb(43, 43, 43)'">
       <span style="font-size:20pt">STATUS <br></span>
       <span style="font-size:13pt">{{ info_bar }}</span>
     </div>
@@ -437,9 +438,14 @@
   table {
     background-color: rgb(43, 43, 43);
     width: 100%;
+    border-radius: 10px;
   }
 
   tr td {
     border: 2px solid rgb(60, 63, 65);
   }
+
+  .rounded {
+    border-radius: 10px;
+  }
 </style>
diff --git a/src/components/DocsPage.vue b/src/components/DocsPage.vue
@@ -38,67 +38,68 @@ export default {
 </script>
 
 <style scoped>
-.md {
-  text-align: left;
-  background-color: rgb(43, 43, 43);
-}
+  .md {
+    text-align: left;
+    background-color: rgb(43, 43, 43);
+    border-radius: 10px;
+  }
 
-span >>> img {
-  margin: auto;
-  display: block;
-  max-width: 100%;
-}
+  span >>> img {
+    margin: auto;
+    display: block;
+    max-width: 100%;
+  }
 
-span >>> p {
-  font-family: "Lora", serif;
-  font-size: 20px;
-}
-span >>> li {
-  font-family: "Lora", serif;
-  font-size: 20px;
-}
-span >>> h1 {
-  font-family: "Open Sans", sans-serif;
-}
-span >>> h2 {
-  font-family: "Open Sans", sans-serif;
-}
-span >>> h3 {
-  font-family: "Open Sans", sans-serif;
-}
-span >>> h4 {
-  font-family: "Open Sans", sans-serif;
-}
-span >>> h5 {
-  font-family: "Open Sans", sans-serif;
-}
-span >>> h6 {
-  font-family: "Open Sans", sans-serif;
-}
-span >>> em {
-  font-family: "Lora", serif;
-}
-span >>> code {
-  color: #fff;
-  background-color: rgb(56, 58, 60);
-}
-span >>> pre {
-  background-color: rgb(56, 58, 60);
-}
+  span >>> p {
+    font-family: "Lora", serif;
+    font-size: 20px;
+  }
+  span >>> li {
+    font-family: "Lora", serif;
+    font-size: 20px;
+  }
+  span >>> h1 {
+    font-family: "Open Sans", sans-serif;
+  }
+  span >>> h2 {
+    font-family: "Open Sans", sans-serif;
+  }
+  span >>> h3 {
+    font-family: "Open Sans", sans-serif;
+  }
+  span >>> h4 {
+    font-family: "Open Sans", sans-serif;
+  }
+  span >>> h5 {
+    font-family: "Open Sans", sans-serif;
+  }
+  span >>> h6 {
+    font-family: "Open Sans", sans-serif;
+  }
+  span >>> em {
+    font-family: "Lora", serif;
+  }
+  span >>> code {
+    color: #fff;
+    background-color: rgb(56, 58, 60);
+  }
+  span >>> pre {
+    background-color: rgb(56, 58, 60);
+  }
 
-span >>> th {
-  font-family: "Open Sans", sans-serif;
-  padding: 5px;
-}
-span >>> td {
-  color: #fff;
-  padding: 5px;
-}
-span >>> table {
-  background-color: rgb(56, 58, 60);
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
+  span >>> th {
+    font-family: "Open Sans", sans-serif;
+    padding: 5px;
+  }
+  span >>> td {
+    color: #fff;
+    padding: 5px;
+  }
+  span >>> table {
+    background-color: rgb(56, 58, 60);
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
 </style>