Doble/LeagueStats
1
0
Fork 0
mirror of https://github.com/vkaelin/LeagueStats.git synced 2026-03-25 12:57:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: input in search champions: ripple color + placeholder weight

Browse source
This commit is contained in:
Valentin Kaelin 2019-12-23 00:37:44 +01:00
parent 23943e115b
commit a8b49a6548
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/Ripple.vue
View file

@ -44,6 +44,12 @@ export default {
const height = this.$refs.container.offsetHeight const height = this.$refs.container.offsetHeight
this.rippleWidth = width > height ? width : height this.rippleWidth = width > height ? width : height
this.halfRippleWidth = this.rippleWidth / 2 this.halfRippleWidth = this.rippleWidth / 2
window.addEventListener('mouseup', this.purgeRipples)
},
beforeDestroy() {
window.removeEventListener('mouseup', this.purgeRipples)
}, },
methods: { methods: {

3
client/src/components/Summoner/Champions/ChampionsSearch.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<Ripple color="rgba(44, 82, 130, 0.7)" class="relative inline-block rounded-lg bg-blue"> <Ripple color="rgba(43, 108, 176, 0.7)" class="relative inline-block rounded-lg">
<input <input
v-model="championName" v-model="championName"
@input="search" @input="search"
@ -38,5 +38,6 @@ export default {
<style scoped> <style scoped>
.input-color::placeholder { .input-color::placeholder {
color: #fff; color: #fff;
font-weight: 300;
} }
</style> </style>