fix(tutot): fautes + taille slides

hugoblanc · Aug 14, 2019 · e0dd42f · e0dd42f
1 parent b584c58
commit e0dd42f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/app/home/tuto/tuto.page.html b/src/app/home/tuto/tuto.page.html
@@ -53,13 +53,13 @@
  <ion-icon name="hammer"></ion-icon>
  </ion-fab-button>
  </ion-fab>
- <ion-text>Ce bouton sera votre outil de construction. Vous pourrez l'utiliser pour: proposer une nouvelle idées
+ <ion-text>Ce bouton sera votre outil de construction. Vous pourrez l'utiliser pour : proposer une nouvelle idée
  révolutionnaire, signaler un bug ou un manque de clarté.</ion-text>
  </div>
 
  <div class="bloc-container">
  <div class="image-container">
- <ion-icon color="primary" name="logo-github"></ion-icon>
+ <ion-icon class="github-icon" color="primary" name="logo-github"></ion-icon>
  </div>
  <ion-text>Le repository open source github se trouve <a href="https:/hugoblanc/Athena">ici</a>.
  </ion-text>

diff --git a/src/app/home/tuto/tuto.page.scss b/src/app/home/tuto/tuto.page.scss
@@ -24,7 +24,7 @@ ion-content {
  color: white;
  }
 
- ion-icon {
+ .github-icon {
  font-size: 4rem;
  }
 
@@ -45,6 +45,20 @@ ion-content {
  }
  }
 
+ @media screen and (min-height: 750px) {
+ .bloc-container {
+ margin-bottom: 9vh;
+ .image-container {
+ img {
+ width: 14vh;
+ }
+ }
+ .github-icon {
+ font-size: 6rem;
+ }
+ }
+ }
+
 
  #fab-container {
  padding-top: 5rem;