Overpass as Heading/Subheading font, nav entries to 16px

Author: avivace

src/components/Control.vue

@@ -42,17 +42,17 @@
 									</v-flex>
 									<v-flex xs12 sm12>
 										<v-btn-toggle>
-											<v-btn flat @click.native="move(1)" v-on:mouseup="stop()">
+											<v-btn flat v-on:mousedown="move(1)" v-on:mouseup="stop()">
 												<v-icon>keyboard_arrow_left</v-icon>
 											</v-btn>
-											<v-btn flat @click.native="move(2)" v-on:mouseup="stop()">
+											<v-btn flat v-on:mousedown="move(2)" v-on:mouseup="stop()">
 												<v-icon>keyboard_arrow_right</v-icon>
 											</v-btn>
 										</v-btn-toggle>
 									</v-flex>
 									<v-flex xs12 sm12>
 										<v-btn-toggle>
-											<v-btn flat @click.native="move(3)" v-on:mouseup="stop()">
+											<v-btn flat v-on:mousedown="move(3)" v-on:mouseup="stop()">
 												<v-icon>keyboard_arrow_down</v-icon>
 											</v-btn>
 										</v-btn-toggle>
@@ -115,6 +115,7 @@ export default {
 			this.$store.commit('toggleDrawer', !currentStatus)
 		},
 		move: function(direction) {
+			console.log("move")
 			let axios = this.$axios
 			let CB = this.$data.CB
 			if (direction == 0) {
@@ -160,6 +161,7 @@ export default {
 			}
 		},
 		stop: function() {
+			console.log("stopping")
 			let axios = this.$axios
 			let CB = this.$data.CB
 			axios.post(CB + '/stop').then(function(response) {

src/components/Landing.vue

@@ -72,7 +72,7 @@ export default {
 	font-family: 'Overpass Mono';
 	font-weight: 600;
 	letter-spacing: -5px;
-	background-color: black;
+	background-color: #070300;
 	color: transparent;
 	text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.25);
 	-webkit-background-clip: text;

src/components/Sidebar.vue

@@ -91,7 +91,5 @@ export default {
 
 </script>
 <style scoped>
-.navEntry{
-	font-size: 15px;
-}
+
 </style>

src/main.js

@@ -23,6 +23,7 @@ import 'material-design-icons-iconfont/dist/material-design-icons.css'
 import '@fortawesome/fontawesome-free/css/all.css'
 import 'typeface-cousine'
 import 'typeface-quicksand'
+import 'typeface-overpass'
 import 'typeface-overpass-mono'
 
 // Components

src/main.styl

@@ -5,6 +5,7 @@
 @import '~vuetify/src/stylus/settings/_variables'
 
 $body-font-family = 'Open Sans'
+$heading-font-family = 'Overpass'
 $button-font-weight = 600
 $list-title-font-weight = 600
 $navigation-drawer-item-font-size = 40px
@@ -16,15 +17,23 @@ $font-weights = {
 // Components
 @import '~vuetify/src/stylus/main'
 
+h3
+	font-size: 20px
+	font-family: 'Overpass'
+
+
 .v-toolbar__title
+	font-family: 'Overpass'
 	font-size: 24px
 
 .v-tabs__div
+	font-size: 15px
 	font-weight: 600
 
 .v-navigation-drawer
 	.v-list .v-list__tile
-		font-weight: 600
+		font-weight: 500
+		font-size: 16px
 
 .v-icon
 	font-weight: 500