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

Merge branch 'dev' of https://github.com/AlexisNP/spellsaurus into dev

Browse Source
This commit is contained in:
BlackMageMathos
2020-06-05 09:20:50 +02:00
parent 7b4e452a58 e50a2158dc
commit dd72e296b3
3 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/public/index.html
View File

@@ -7,7 +7,6 @@
<link rel="icon" href="<%= BASE_URL %>img/favicon.ico">
<title>Spellsaurus</title>
<link rel="stylesheet" href="<%= BASE_URL %>libs/style.css">
<script async defer src="<%= BASE_URL %>libs/masonry-4.2.2.min"></script>
</head>
<body>
<noscript>

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

@@ -1,5 +1,7 @@
<template>
<div class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-4 grid-item grid-sizer">
<div
:class="main_school"
class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-4 grid-item grid-sizer">
<div class="bg-white p-4 rounded text-dark border-primary shadow-sm" style="border-left:4px solid;">
<div class="h3 font-display font-weight-bold text-wrap word-break line-height-100" :title="name">
<a class="text-decoration-none text-primary" :href="'/spell/'+id">{{name}}</a>
@@ -20,10 +22,10 @@
<span v-for="(variable,index) in variables" :key="index"><span class="font-weight-bold"><span v-if="index!=0"><br></span>{{String.fromCharCode(120+index)}}</span> = {{variable.description}}</span>
</div>
</div>
<!----><div class="text-right">
<div class="text-right">
<a class="h5 text-secondary mr-1" :href="'/spell/'+id+'/edit'"><i class="mad">edit</i></a>
<a class="h5 text-danger" :href="'/spell/'+id+'/delete'"><i class="mad">delete</i></a>
</div><!---->
</div>
</div>
</div>
</template>
@@ -33,6 +35,7 @@
export default {
name: 'spell-card',
props: {
// Model validation
id: Number,
name: String,
description: String,
@@ -45,16 +48,25 @@ export default {
},
data() {
return {
isFlipped: false,
main_school: this.schools[0].name,
}
},
created() {
this.main_school = this.main_school.toLowerCase();
},
methods: {
toggleCard: async function() {
this.isFlipped = !this.isFlipped;
}
},
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.spell-card {
&.lumomancie {
.border-primary {
border-left-color: #99dada !important;
color: #99dada;
}
}
}
</style>

4
client/src/components/spells/spells-list.vue
View File

@@ -46,7 +46,5 @@ export default {
</script>
<style lang="scss">
.spells-list {
animation: none !important;
}
</style>