updating latest

src/components/Appbar.vue

@@ -4,7 +4,7 @@
       flat
       app
       hide-on-scroll
-      color="#EEEEEE"
+      color="rgba(93.3%, 93.3%, 93.3%, 0.5)"
       v-if="!this.$store.getters.fullScreen"
     >
       <v-row>

src/main.js

@@ -3,15 +3,22 @@ import App from "./App.vue";
 import router from "./router";
 import store from "./store";
 import vuetify from "./plugins/vuetify";
+// Video Background
 import VideoBackground from "vue-responsive-video-background-player";
+// Page Transitions
 import VuePageTransition from "vue-page-transition";
+// Animations
 import AOS from "aos";
 import "aos/dist/aos.css";
+// Stripe Appbar Menu
+import VueStripeMenu from "vue-stripe-menu";
+import "vue-stripe-menu/dist/vue-stripe-menu.css";
 
 Vue.config.productionTip = false;
 Vue.component("video-background", VideoBackground);
 
 Vue.use(VuePageTransition);
+Vue.use(VueStripeMenu);
 
 new Vue({
   created() {

src/views/Playground.vue

@@ -2,8 +2,7 @@
   <div>
     <v-container fluid class="ma-0 pa-0 full-screen d-flex">
       <img
-        src="../assets/images/newbackground.png"
-        width="auto"
+        src="../assets/images/pipebackground_1.svg"
         style=""
         class="d-flex align-end ma-0 pa-0 justify-end new-background-image"
       />
@@ -79,16 +78,20 @@ export default {
 
 <style lang="scss" scoped>
 .full-screen {
+  // height: calc(100vh - 64px);
   height: calc(100vh - 64px);
 }
 
 img.new-background-image {
-  max-height: calc(100vh - 64px);
+  // height: calc(100vh - 64px);
+  height: calc(100vh);
   position: absolute;
-  height: 100%;
-  max-width: 1115px;
-  // right: 0;
-  left: 50%;
+  // height: 100%;
+  // width: 1115px;
+  // left: 0;
+  right: 0;
+  top: -64px;
+  // left: 50%;
 }
 
 .background-image {