rapid fire timer bug fix, targets out window fix, footer fix

VictorMuniz7 · Oct 26, 2023 · eaee8a8 · eaee8a8
1 parent e25a6a6
commit eaee8a8
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 7 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -13,5 +13,5 @@
 <style>*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Slab,serif}</style><link rel="stylesheet" href="styles.368a7236ec186f85.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.368a7236ec186f85.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="runtime.a1cc1606e64addab.js" type="module"></script><script src="polyfills.2aa3ef792e6a327e.js" type="module"></script><script src="main.1498647208b50000.js" type="module"></script></body>
+<script src="runtime.a1cc1606e64addab.js" type="module"></script><script src="polyfills.2aa3ef792e6a327e.js" type="module"></script><script src="main.c646e7487072f10d.js" type="module"></script></body>
 </html>
diff --git a/docs/index.html b/docs/index.html
@@ -13,5 +13,5 @@
 <style>*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Slab,serif}</style><link rel="stylesheet" href="styles.368a7236ec186f85.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.368a7236ec186f85.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="runtime.a1cc1606e64addab.js" type="module"></script><script src="polyfills.2aa3ef792e6a327e.js" type="module"></script><script src="main.1498647208b50000.js" type="module"></script></body>
+<script src="runtime.a1cc1606e64addab.js" type="module"></script><script src="polyfills.2aa3ef792e6a327e.js" type="module"></script><script src="main.c646e7487072f10d.js" type="module"></script></body>
 </html>
diff --git a/docs/main.1498647208b50000.js → docs/main.c646e7487072f10d.js b/docs/main.1498647208b50000.js → docs/main.c646e7487072f10d.js
diff --git a/src/app/components/aim-trainer/aim-trainer.component.ts b/src/app/components/aim-trainer/aim-trainer.component.ts
@@ -103,7 +103,7 @@ export class AimTrainerComponent {
     if(this.targetSize === 'all'){
       this.targetSizeName = `${Math.floor(Math.random() * (5 + 1) + 3)}em`
     }
-    this.leftPosition = `${Math.floor(Math.random() * 80)}%`
+    this.leftPosition = `${Math.floor(Math.random() * (80 - 10 + 1) )+ 10}%`
     this.topPosition = `${Math.floor(Math.random() * 80)}%`
   }
 
@@ -135,6 +135,7 @@ export class AimTrainerComponent {
     this.startGame = true
     this.rapidFireInterval = setInterval(() => {
       if(this.remainingTime === 0){
+        clearInterval(this.rapidFireInterval)
         this.showResultScreen = true
         this.startGame = false
       }

diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss
@@ -1,6 +1,6 @@
 footer{
   width: 100vw;
-  height: 9em;
+  height: 4em;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -10,7 +10,18 @@ footer{
   a{
     margin: 0 1em;
     color: #fff;
-    font-size: 4em;
+    font-size: 2.5em;
     text-decoration: none;
   }
 }
+
+@media screen and (min-width: 56em) {
+
+  footer{
+    height: 6em;
+
+    a{
+      font-size: 4em;
+    }
+  }
+}
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
@@ -1,6 +1,6 @@
 header{
   width: 100vw;
-  height: 15vh;
+  height: 20vh;
   background: rgb(35,37,35);
   background: linear-gradient(115deg, rgba(35,37,35,1) 17%, rgba(0,0,0,1) 31%, rgba(35,36,35,1) 49%, rgba(2,11,3,1) 70%, rgba(38,40,38,1) 84%);
   display: flex;