dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 10 Pull Requests Releases 14 Activity

#issue-19 Amélioration des contrastes

This commit is contained in:
Damien Broqua 2022-02-23 11:33:57 +01:00
parent bd590d7a75
commit c92f465003
6 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sass/button.scss
View File

@ -14,12 +14,12 @@
border-radius: 0.375rem;
&.is-danger {
background-color: #f14668;
background-color: #d73455;
border-color: transparent;
color: #fff;
&:hover {
background-color: #f03a5f;
background-color: #d70933;
border-color: transparent;
color: #fff;
}
@ -38,12 +38,12 @@
}
&.is-primary {
background-color: #48c78e;
background-color: #2d7c58;
border-color: transparent;
color: #fff;
&:hover {
background-color: #3ec487;
background-color: #267953;
}
}
}

2
sass/flash.scss
View File

@ -1,5 +1,5 @@
.flash {
background-color: #f14668;
background-color: #d73455;
border-radius: 6px;
box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
color: #fff;

4
sass/global.scss
View File

@ -45,4 +45,8 @@ html {
@include respond-to("small") {
padding: 0 0.7rem;
}
}
.is-hidden {
display: none;
}

4
sass/ma-collection.scss
View File

@ -27,10 +27,10 @@
.title {
.icon-trash {
cursor: pointer;
color: #f14668;
color: #d73455;
&:hover {
color: #f03a5f;
color: #d70933;
}
}
}

2
sass/toast.scss
View File

@ -9,7 +9,7 @@
font-size: 17px;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
background-color: #f14668;
background-color: #d73455;
color: #fff;
&.show {

4
views/pages/ajouter-un-album.ejs
View File

@ -3,11 +3,13 @@
<div class="grid sm:grid-cols-2">
<div>
<form @submit="search">
<label for="q">Nom de l'album ou code barre</label>
<div class="field has-addons">
<input type="text" name="q" v-model="q" placeholder="Nom de l'album ou code barre (ex : Hybrid Theory)" autofocus>
<input type="text" name="q" id="q" v-model="q" placeholder="ex : Hybrid Theory" autofocus>
<button class="button is-link" :disabled="loading">
<i class="icon-search" v-if="!loading"></i>
<i class="icon-spin animate-spin" v-if="loading"></i>
<span class="is-hidden">Chercher</span>
</button>
</div>
</form>