remove unnecessary styles and update readme;

Author: Cube-J

1.hello-world/5.read-video-vue/README.md

@@ -335,8 +335,6 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100%;
-  height: 90%;
   border: 1px solid black
 }
 </style>
@@ -348,7 +346,7 @@ export default {
 <template>
   <div class="helloWorld">
     <h1>Hello World for Vue<img class="applogo" alt="Vue logo" src="../assets/logo.png" /></h1>
-    <div class="btn-group">
+    <div>
       <button :style="{ marginRight: '10px', backgroundColor: bShowScanner ? 'rgb(255,174,55)' : 'white' }"
         @click="showScanner">Video Decode</button>
       <button :style="{ backgroundColor: bShowImgDecode ? 'rgb(255,174,55)' : 'white' }" @click="showImgDecode">Image
@@ -412,19 +410,6 @@ h1 {
   font-size: 1.5em;
 }
 
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-
-li {
-  margin: 0 10px;
-}
-
-a {
-  color: #42b983;
-}
-
 .applogo {
   height: 25px;
 }
@@ -434,7 +419,6 @@ a {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  overflow: hidden;
   width: 100%;
   height: 100%;
   color: #455a64;
@@ -446,62 +430,10 @@ button {
   border: 1px solid black;
 }
 
-span {
-  font-size: 0.8rem;
-}
-
-.latest-result {
-  display: block;
-  margin: 0;
-  padding: 0.4rem 0.8rem;
-  color: inherit;
-  width: 80vw;
-  border: none;
-  font-size: 1rem;
-  border-radius: 0.2rem;
-  text-align: center;
-}
-
-.latest-result::placeholder {
-  color: #b0bec5;
-}
-
-.latest-result:focus {
-  outline: none;
-  box-shadow: 0.1rem 0.4rem 0.8rem #fe8e14;
-}
-
-#results {
-  border: 1px dashed grey;
-  overflow: auto;
-  width: 80vw;
-  padding: 2vmin;
-  margin-bottom: 3vh;
-  height: 15vh;
-}
-
-#results ul {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  text-align: left;
-  font-size: 0.8rem;
-}
-
-.resultText {
-  color: #ce5e04;
-}
-
-.bigger {
-  font-size: large;
-  margin-bottom: 2%;
-}
-
 .container {
   margin: 2vmin auto;
   text-align: center;
   font-size: medium;
-  /* height: 40vh; */
   width: 80vw;
 }
 </style>

1.hello-world/5.read-video-vue/src/components/HelloWorld.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="helloWorld">
     <h1>Hello World for Vue<img class="applogo" alt="Vue logo" src="../assets/logo.svg" /></h1>
-    <div class="btn-group">
+    <div>
       <button :style="{ marginRight: '10px', backgroundColor: bShowScanner ? 'rgb(255,174,55)' : 'white' }"
         @click="showScanner">Video Decode</button>
       <button :style="{ backgroundColor: bShowImgDecode ? 'rgb(255,174,55)' : 'white' }" @click="showImgDecode">Image
@@ -65,19 +65,6 @@ h1 {
   font-size: 1.5em;
 }
 
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-
-li {
-  margin: 0 10px;
-}
-
-a {
-  color: #42b983;
-}
-
 .applogo {
   height: 25px;
 }
@@ -87,7 +74,6 @@ a {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  overflow: hidden;
   width: 100%;
   height: 100%;
   color: #455a64;
@@ -99,62 +85,10 @@ button {
   border: 1px solid black;
 }
 
-span {
-  font-size: 0.8rem;
-}
-
-.latest-result {
-  display: block;
-  margin: 0;
-  padding: 0.4rem 0.8rem;
-  color: inherit;
-  width: 80vw;
-  border: none;
-  font-size: 1rem;
-  border-radius: 0.2rem;
-  text-align: center;
-}
-
-.latest-result::placeholder {
-  color: #b0bec5;
-}
-
-.latest-result:focus {
-  outline: none;
-  box-shadow: 0.1rem 0.4rem 0.8rem #fe8e14;
-}
-
-#results {
-  border: 1px dashed grey;
-  overflow: auto;
-  width: 80vw;
-  padding: 2vmin;
-  margin-bottom: 3vh;
-  height: 15vh;
-}
-
-#results ul {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  text-align: left;
-  font-size: 0.8rem;
-}
-
-.resultText {
-  color: #ce5e04;
-}
-
-.bigger {
-  font-size: large;
-  margin-bottom: 2%;
-}
-
 .container {
   margin: 2vmin auto;
   text-align: center;
   font-size: medium;
-  /* height: 40vh; */
   width: 80vw;
 }
 </style>

1.hello-world/5.read-video-vue/src/components/ImgDecode.vue

@@ -47,8 +47,6 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100%;
-  height: 90%;
   border: 1px solid black
 }
 </style>