Client - improve stats sports menu on small resolutions

This commit is contained in:
Sam 2021-10-05 19:10:26 +02:00
parent 9bc6422620
commit 816dff6fd9

View File

@ -14,7 +14,7 @@
@input="updateSelectedSportIds(sport.id)" @input="updateSelectedSportIds(sport.id)"
/> />
<SportImage :sport-label="sport.label" /> <SportImage :sport-label="sport.label" />
{{ sport.translatedLabel }} <span class="sport-label">{{ sport.translatedLabel }}</span>
</label> </label>
</div> </div>
</template> </template>
@ -84,7 +84,10 @@
min-width: 100px; min-width: 100px;
} }
@media screen and (max-width: $x-small-limit) { @media screen and (max-width: $x-small-limit) {
width: 100%; min-width: 20px;
.sport-label {
display: none;
}
} }
} }