LeagueStats/client-new/src/components/Summoner/HeaderLoader.vue
2023-09-20 21:56:19 +02:00

163 lines
9.5 KiB
Vue

<template>
<div class="pb-2 text-white">
<div class="flex justify-between">
<div style="width: 520px; height: 239px">
<content-loader
:height="239"
:width="520"
:speed="2"
primary-color="#17314f"
secondary-color="#2b6cb0"
>
<rect x="0" y="45" rx="3" ry="3" width="126.28" height="31" />
<circle cx="49" cy="145" r="48" />
<rect x="365" y="108" rx="3" ry="3" width="62" height="31" />
<rect x="162" y="108" rx="3" ry="3" width="195" height="31" />
<rect x="109" y="154" rx="6" ry="6" width="126" height="38" />
<rect x="243" y="154" rx="6" ry="6" width="277" height="38" />
<rect x="0" y="217" rx="3" ry="3" width="67" height="22" />
<rect x="78" y="217" rx="3" ry="3" width="80" height="22" />
<rect x="169" y="217" rx="3" ry="3" width="57" height="22" />
<rect x="237" y="217" rx="3" ry="3" width="72" height="22" />
<circle cx="133" cy="122" r="24" />
</content-loader>
</div>
<div class="rounded-lg bg-blue-850" style="width: 347px; height: 215px">
<content-loader
:height="215"
:width="347"
:speed="2"
primary-color="#17314f"
secondary-color="#2b6cb0"
>
<rect x="110" y="10" rx="3" ry="3" width="130" height="19" />
<rect x="53" y="45" rx="3" ry="3" width="30" height="11" />
<rect x="135" y="45" rx="3" ry="3" width="30" height="11" />
<rect x="220" y="45" rx="3" ry="3" width="30" height="11" />
<rect x="305" y="45" rx="3" ry="3" width="30" height="11" />
<rect x="10" y="66" rx="3" ry="3" width="22" height="11" />
<rect x="10" y="86" rx="3" ry="3" width="22" height="11" />
<rect x="10" y="106" rx="3" ry="3" width="22" height="11" />
<rect x="10" y="126" rx="3" ry="3" width="22" height="11" />
<rect x="10" y="146" rx="3" ry="3" width="22" height="11" />
<rect x="10" y="166" rx="3" ry="3" width="22" height="11" />
<rect x="10" y="186" rx="3" ry="3" width="22" height="11" />
<rect x="38" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="38" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="38" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="38" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="38" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="38" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="38" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="58" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="58" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="58" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="58" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="58" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="58" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="58" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="78" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="78" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="78" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="78" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="78" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="78" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="78" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="98" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="98" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="98" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="98" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="98" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="98" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="98" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="118" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="118" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="118" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="118" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="118" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="118" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="118" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="138" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="138" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="138" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="138" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="138" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="138" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="138" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="158" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="158" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="158" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="158" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="158" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="158" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="158" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="178" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="178" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="178" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="178" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="178" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="178" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="178" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="198" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="198" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="198" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="198" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="198" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="198" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="198" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="218" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="218" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="218" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="218" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="218" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="218" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="218" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="238" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="238" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="238" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="238" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="238" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="238" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="238" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="258" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="258" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="258" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="258" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="258" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="258" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="258" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="278" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="278" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="278" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="278" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="278" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="278" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="278" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="298" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="298" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="298" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="298" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="298" y="144" rx="0" ry="0" width="16" height="16" />
<rect x="298" y="164" rx="0" ry="0" width="16" height="16" />
<rect x="298" y="184" rx="0" ry="0" width="16" height="16" />
<rect x="318" y="64" rx="0" ry="0" width="16" height="16" />
<rect x="318" y="84" rx="0" ry="0" width="16" height="16" />
<rect x="318" y="104" rx="0" ry="0" width="16" height="16" />
<rect x="318" y="124" rx="0" ry="0" width="16" height="16" />
<rect x="318" y="144" rx="0" ry="0" width="16" height="16" />
</content-loader>
</div>
</div>
</div>
</template>
<script>
import { ContentLoader } from 'vue-content-loader'
export default {
components: {
ContentLoader,
},
}
</script>