jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made effect edit compatible with dark mode

Browse Source
This commit is contained in:
Stefan Zermatten
2019-02-15 12:21:02 +02:00
parent 09b2c38b43
commit 23654cd09c
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/imports/ui/components/EffectEdit.vue
View File

@@ -12,14 +12,14 @@
@input="operation => $emit('change', {operation})" @input="operation => $emit('change', {operation})"
> >
<v-icon <v-icon
class="black--text icon" class="icon"
slot="prepend" slot="prepend"
:class="iconClass" :class="iconClass"
> >
{{displayedIcon}} {{displayedIcon}}
</v-icon> </v-icon>
<template slot="item" slot-scope="item"> <template slot="item" slot-scope="item">
<v-icon class="black--text icon mr-2"> <v-icon class="icon mr-2">
{{getEffectIcon(item.item.value, 1)}} {{getEffectIcon(item.item.value, 1)}}
</v-icon> </v-icon>
{{item.item.text}} {{item.item.text}}
@@ -130,6 +130,9 @@
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.theme--light .icon {
color: black;
}
.icon { .icon {
min-width: 30px; min-width: 30px;
transition: transform 0.15s linear, opacity 0.15s ease; transition: transform 0.15s linear, opacity 0.15s ease;