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

refactor: remove old spinner loader

Browse source
This commit is contained in:
Valentin Kaelin 2019-10-11 21:46:35 +02:00
parent bd1341fb7a
commit fb7f4bf815
4 changed files with 0 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client/package-lock.json generated
View file

@ -11234,12 +11234,6 @@
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.6.tgz", "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.6.tgz",
"integrity": "sha512-Ox0ciFLswtSGRTHYhGvx2L44sVbTPNS+uD2kRISuo8B39Y79rOo0Kw0hzupTmiVtftQYCZl87mwldhh2L9Aquw==" "integrity": "sha512-Ox0ciFLswtSGRTHYhGvx2L44sVbTPNS+uD2kRISuo8B39Y79rOo0Kw0hzupTmiVtftQYCZl87mwldhh2L9Aquw=="
}, },
"vue-spinner": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/vue-spinner/-/vue-spinner-1.0.3.tgz",
"integrity": "sha512-Phh6QC/Bh80ZE/0SH9ADw4irbRGwFK6VZsTksPHpPm16xga2OXwNC2nI7SEPnndUZP+Lgu1wu+pbH6i6+5siBQ==",
"dev": true
},
"vue-style-loader": { "vue-style-loader": {
"version": "4.1.2", "version": "4.1.2",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",

1
client/package.json
View file

@ -26,7 +26,6 @@
"purgecss": "^1.3.0", "purgecss": "^1.3.0",
"tailwindcss": "^1.0.4", "tailwindcss": "^1.0.4",
"vue-awesome": "^3.5.4", "vue-awesome": "^3.5.4",
"vue-spinner": "^1.0.3",
"vue-template-compiler": "^2.5.21" "vue-template-compiler": "^2.5.21"
} }
} }

49
client/src/components/SummonerLoader.vue
View file

@ -223,52 +223,3 @@ export default {
} }
} }
</script> </script>
<style scoped>
.match-loading {
height: 144px;
}
/* LOADER */
.loader {
position: relative;
overflow: hidden;
background-size: 100vw 296px;
/* background-image: linear-gradient(120deg, #EBEBEB 20%, #F8F8F8 28%, #EBEBEB 43%); */
background-image: linear-gradient(
120deg,
#2c5282 20%,
#2b6cb0 28%,
#2c5282 43%
);
animation-name: loadingAnimation;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
animation-duration: 2s;
}
@keyframes loadingAnimation {
from {
background-position: -100vw 0px;
}
to {
background-position: 100vw 0px;
}
}
/* Items inside loader */
.loader .item {
position: absolute;
background: #17314f;
}
.loader .item-1 {
left: 12px;
top: 0;
width: 10px;
height: 100%;
}
</style>

2
client/src/main.js
View file

@ -1,6 +1,5 @@
import Vue from 'vue' import Vue from 'vue'
import VueAxios from './plugins/axios' import VueAxios from './plugins/axios'
import DotLoader from 'vue-spinner/src/DotLoader.vue'
import '@/assets/css/main.css' import '@/assets/css/main.css'
import 'vue-awesome/icons' import 'vue-awesome/icons'
@ -15,7 +14,6 @@ Vue.config.productionTip = false
Vue.use(VueAxios) Vue.use(VueAxios)
Vue.component('v-icon', Icon) Vue.component('v-icon', Icon)
Vue.component('dot-loader', DotLoader)
Vue.prototype.$patch = process.env.VUE_APP_PATCH Vue.prototype.$patch = process.env.VUE_APP_PATCH