Merge pull request #466 from w3bdesign/dev

Dev

Author: w3bdesign

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "vue3snippets.enable-compile-vue-file-on-did-save-code": false
+}

public/css/app.css

@@ -612,10 +612,6 @@ video {
   border-width: 0;
 }
 
-.pointer-events-none {
-  pointer-events: none;
-}
-
 .visible {
   visibility: visible;
 }
@@ -759,8 +755,12 @@ video {
   margin-top: -3rem;
 }
 
-.mt-40 {
-  margin-top: 10rem;
+.mt-36 {
+  margin-top: 9rem;
+}
+
+.ml-8 {
+  margin-left: 2rem;
 }
 
 .mr-4 {
@@ -779,22 +779,10 @@ video {
   margin-top: 2rem;
 }
 
-.ml-8 {
-  margin-left: 2rem;
-}
-
 .mb-1 {
   margin-bottom: 0.25rem;
 }
 
-.ml-6 {
-  margin-left: 1.5rem;
-}
-
-.mt-36 {
-  margin-top: 9rem;
-}
-
 .block {
   display: block;
 }
@@ -859,8 +847,8 @@ video {
   height: 1.5rem;
 }
 
-.h-96 {
-  height: 24rem;
+.h-screen {
+  height: 100vh;
 }
 
 .h-56 {
@@ -895,10 +883,6 @@ video {
   height: 1rem;
 }
 
-.h-screen {
-  height: 100vh;
-}
-
 .w-full {
   width: 100%;
 }
@@ -931,10 +915,6 @@ video {
   width: 16.666667%;
 }
 
-.w-9\/12 {
-  width: 75%;
-}
-
 .w-3 {
   width: 0.75rem;
 }
@@ -955,18 +935,6 @@ video {
   width: 1rem;
 }
 
-.w-48 {
-  width: 12rem;
-}
-
-.w-44 {
-  width: 11rem;
-}
-
-.w-36 {
-  width: 9rem;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1067,14 +1035,14 @@ video {
   cursor: pointer;
 }
 
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-
 .cursor-default {
   cursor: default;
 }
 
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .resize {
   resize: both;
 }
@@ -1889,18 +1857,10 @@ video {
     width: 100%;
   }
 
-  .md\:w-10\/12 {
-    width: 83.333333%;
-  }
-
   .md\:w-1\/3 {
     width: 33.333333%;
   }
 
-  .md\:w-64 {
-    width: 16rem;
-  }
-
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -1972,10 +1932,6 @@ video {
     width: 50%;
   }
 
-  .lg\:w-3\/12 {
-    width: 25%;
-  }
-
   .lg\:w-1\/12 {
     width: 8.333333%;
   }