tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

Change button style on home

Browse Source
This commit is contained in:
Le Libre Au Quotidien 2019-09-06 18:28:57 +02:00
parent 53a550bdc1
commit 3be3bb44f1
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/form-container/form-container.component.html
View File

@ -39,6 +39,6 @@
</label> </label>
<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName"> <input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
</div> </div>
<a [routerLink]="'/step/answers'" class="btn btn-block" i18n> <button [routerLink]="'/step/answers'" class="btn_background btn_white_text" i18n>
Continuer Continuer
</a> </button>

2
src/app/pages/kind/kind.component.html
View File

@ -34,6 +34,7 @@
<input type="submit" value="Input Submit with background" class="btn_background"><br> <input type="submit" value="Input Submit with background" class="btn_background"><br>
<input type="submit" value="Input Submit delete with border" class="btn_border btn_delete"><br> <input type="submit" value="Input Submit delete with border" class="btn_border btn_delete"><br>
<input type="submit" value="Input Submit delete with background" class="btn_background btn_delete"> <input type="submit" value="Input Submit delete with background" class="btn_background btn_delete">
<input type="submit" value="Input Submit with background and white text" class="btn_background btn_white_text">
</p> </p>
<p> <p>
@ -41,6 +42,7 @@
<button class="btn_background">Button with background</button><br> <button class="btn_background">Button with background</button><br>
<button class="btn_border btn_delete">Button delete with background</button><br> <button class="btn_border btn_delete">Button delete with background</button><br>
<button class="btn_background btn_delete">Button delete with background</button> <button class="btn_background btn_delete">Button delete with background</button>
<button class="btn_background btn_white_text">Button with background and white text</button>
</p> </p>
<p> <p>

3
src/assets/scss/atoms/_buttons.scss
View File

@ -30,6 +30,9 @@ input[type="submit"] {
background-color: #fff; background-color: #fff;
} }
} }
&.btn_white_text{
color:$white;
}
} }
&.btn_border { &.btn_border {