Tryfix sidebar overflow :)
This commit is contained in:
@@ -25,10 +25,10 @@ function handleStateChange(newState : string, newLane: number) {
|
|||||||
|
|
||||||
<div v-for="(lane, i) in championLanes">
|
<div v-for="(lane, i) in championLanes">
|
||||||
|
|
||||||
<div style="display: flex; align-items: center; margin-top: 30px;">
|
<div style="display: flex; align-items: center; margin-top: 30px; padding-right: 10px; overflow: hidden;">
|
||||||
<h1 style="font-size: 2.4rem; padding-left: 20px;">{{ championName }}</h1>
|
<h1 style="font-size: 2.4rem; padding-left: 20px;">{{ championName }}</h1>
|
||||||
<img style="margin-left: 10px;" width="40" height="40" :src="LANE_IMAGES[lanePositionToIndex(lane.data)]" />
|
<img style="margin-left: 10px;" width="40" height="40" :src="LANE_IMAGES[lanePositionToIndex(lane.data)]" />
|
||||||
<h2 style="margin-left: 5px; font-size: 1.8rem; font-weight: 200;">{{ POSITIONS_STR[lanePositionToIndex(lane.data.toLowerCase())] }}</h2>
|
<h2 v-if="championName.length < 8" style="margin-left: 5px; font-size: 1.8rem; font-weight: 200;">{{ POSITIONS_STR[lanePositionToIndex(lane.data.toLowerCase())] }}</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2 :class="'sidebar-link ' + (state == 'runes' && laneState == i ? 'sidebar-link-selected' : '')"
|
<h2 :class="'sidebar-link ' + (state == 'runes' && laneState == i ? 'sidebar-link-selected' : '')"
|
||||||
|
|||||||
Reference in New Issue
Block a user