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: adjust some padding

Browse source
This commit is contained in:
Valentin Kaelin 2019-10-12 16:34:05 +02:00
parent aed77079ce
commit c8e085a1ea
3 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/src/components/Match.vue
View file

@ -5,7 +5,7 @@
</div> </div>
<div <div
:class="matchResultClass" :class="matchResultClass"
class="ml-10 match relative mt-4 rounded-lg text-white text-sm md:text-base" class="ml-10 match relative mt-4 rounded-lg text-white text-base"
> >
<div class="relative z-20 flex flex-wrap px-5 py-3"> <div class="relative z-20 flex flex-wrap px-5 py-3">
<div class="first w-1/3 text-left"> <div class="first w-1/3 text-left">
@ -27,9 +27,9 @@
</div> </div>
<div <div
:style="{backgroundImage: `url('https://ddragon.leagueoflegends.com/cdn/${$patch}/img/champion/${data.champion.id}.png')`}" :style="{backgroundImage: `url('https://ddragon.leagueoflegends.com/cdn/${$patch}/img/champion/${data.champion.id}.png')`}"
class="ml-2 w-16 h-16 crop-champion bg-blue-1000 rounded-lg mb-2px sm:mb-0 sm:mr-2px" class="ml-2 w-16 h-16 crop-champion bg-blue-1000 rounded-lg"
></div> ></div>
<div class="ml-2 flex flex-row sm:flex-col sm:justify-around"> <div class="ml-2 flex flex-col justify-around">
<div <div
:style="{backgroundImage: `url(${data.firstSum})`}" :style="{backgroundImage: `url(${data.firstSum})`}"
class="w-6 h-6 bg-blue-1000 rounded-md bg-center bg-cover" class="w-6 h-6 bg-blue-1000 rounded-md bg-center bg-cover"
@ -39,7 +39,7 @@
class="w-6 h-6 bg-blue-1000 rounded-md bg-center bg-cover" class="w-6 h-6 bg-blue-1000 rounded-md bg-center bg-cover"
></div> ></div>
</div> </div>
<div class="ml-1 flex flex-row sm:flex-col sm:justify-around"> <div class="ml-1 flex flex-col justify-around">
<div <div
:style="[data.primaryRune ? {background: `url(${data.primaryRune}) center/cover`} : '']" :style="[data.primaryRune ? {background: `url(${data.primaryRune}) center/cover`} : '']"
class="w-6 h-6 bg-blue-1000 rounded-md" class="w-6 h-6 bg-blue-1000 rounded-md"

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

@ -1,6 +1,6 @@
<template> <template>
<div class="mt-4 text-white pb-12"> <div class="mt-4 text-white pb-12">
<div class="flex justify-between xl:px-12"> <div class="flex justify-between px-12">
<div style="width: 517px; height: 272px;"> <div style="width: 517px; height: 272px;">
<content-loader <content-loader
:height="272" :height="272"

2
client/src/views/Summoner.vue
View file

@ -20,7 +20,7 @@
<template v-if="summonerFound"> <template v-if="summonerFound">
<div class="mt-4 text-white pb-12"> <div class="mt-4 text-white pb-12">
<div class="flex justify-between xl:px-12"> <div class="flex justify-between px-12">
<div> <div>
<h1 class="text-4xl font-extrabold uppercase"> <h1 class="text-4xl font-extrabold uppercase">
<span class="text-5xl">{{ summonerInfos.account.name[0] }}</span> <span class="text-5xl">{{ summonerInfos.account.name[0] }}</span>