Joururi/spellsaurus
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Fixed typo, spacing issues, and cursor pointer on card layout

Browse Source
This commit is contained in:
Alexis
2020-06-17 17:50:20 +02:00
parent 8519ba2b9f
commit 87f42d6eaf
3 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/spells/add-spell-card.vue
View File

@@ -55,7 +55,7 @@
<input type="text" class="form-control" name="spell_cost" id="spell_cost" placeholder="(32 caractères max.)" v-model="spell.cost"> <input type="text" class="form-control" name="spell_cost" id="spell_cost" placeholder="(32 caractères max.)" v-model="spell.cost">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="spell_variables" class="font-weight-bold col-form-label">Variables(s)&nbsp;:</label> <label for="spell_variables" class="font-weight-bold col-form-label">Variable(s)&nbsp;:</label>
<select class="form-control" id="spell_variables" name="spell_variables" multiple v-model="spell.variables"> <select class="form-control" id="spell_variables" name="spell_variables" multiple v-model="spell.variables">
<option v-for="(variable,index) in all_variables" :key="index" :value="'variable_' + variable.id">{{variable.description}}</option> <option v-for="(variable,index) in all_variables" :key="index" :value="'variable_' + variable.id">{{variable.description}}</option>
</select> </select>

2
client/src/components/spells/edit-spell-card.vue
View File

@@ -51,7 +51,7 @@
<input type="text" class="form-control" name="spell_cost" id="spell_cost" placeholder="(32 caractères max.)" v-model="spell.cost"> <input type="text" class="form-control" name="spell_cost" id="spell_cost" placeholder="(32 caractères max.)" v-model="spell.cost">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="spell_variables" class="font-weight-bold col-form-label">Variables(s)&nbsp;:</label> <label for="spell_variables" class="font-weight-bold col-form-label">Variable(s)&nbsp;:</label>
<select class="form-control" id="spell_variables" name="spell_variables" multiple v-model="spell.spell_variable_ids_value"> <select class="form-control" id="spell_variables" name="spell_variables" multiple v-model="spell.spell_variable_ids_value">
<option v-for="(variable,index) in all_variables" :key="index" :value="'variable_' + variable.id">{{variable.description}}</option> <option v-for="(variable,index) in all_variables" :key="index" :value="'variable_' + variable.id">{{variable.description}}</option>
</select> </select>

11
client/src/components/spells/spell-card.vue
View File

@@ -24,7 +24,7 @@
</div> </div>
<div v-if="spell.ingredients.length>0" class="small"> <div v-if="spell.ingredients.length>0" class="small">
<span class="font-weight-bold">Nécessite</span> <span class="font-weight-bold">Nécessite </span>
<span v-for="(ingredient,index) in spell.ingredients" :key="index"> <span v-for="(ingredient,index) in spell.ingredients" :key="index">
<span v-if="index!=0">, </span> <span v-if="index!=0">, </span>
<span>{{ingredient.name}}</span> <span>{{ingredient.name}}</span>
@@ -53,14 +53,14 @@
<span> = {{variable.description}}</span> <span> = {{variable.description}}</span>
</span> </span>
</div> </div>
<div class="text-right"> <footer class="text-right">
<a class="h5 text-secondary mr-1"> <a class="h5 text-secondary mr-1">
<i class="mad" @click="editSpell(spell)">edit</i> <i class="mad" @click="editSpell(spell)">edit</i>
</a> </a>
<a class="h5 text-danger"> <a class="h5 text-danger">
<i class="mad" @click="deleteSpell(spell)">delete</i> <i class="mad" @click="deleteSpell(spell)">delete</i>
</a> </a>
</div> </footer>
</div> </div>
</div> </div>
</div> </div>
@@ -101,6 +101,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.spell-card { .spell-card {
footer {
a {
cursor: pointer;
}
}
@mixin colorschool($sname,$scolor) { @mixin colorschool($sname,$scolor) {
&.#{$sname} { &.#{$sname} {
.spellcard { border-left-color: $scolor; } .spellcard { border-left-color: $scolor; }