Hopefully improve sidebar shrink ratios

This commit is contained in:
James Lyne 2020-12-20 15:13:04 +00:00
parent 254c890cd0
commit ee391773a2
2 changed files with 6 additions and 4 deletions

View File

@ -131,7 +131,7 @@ export default defineComponent({
.sidebar__section { .sidebar__section {
@extend %panel; @extend %panel;
flex: 0 1 auto; flex: 0 1 auto;
min-height: 15vh; min-height: 10rem;
margin-bottom: 1rem; margin-bottom: 1rem;
pointer-events: auto; pointer-events: auto;

View File

@ -15,7 +15,7 @@
--> -->
<template> <template>
<section class="sidebar__section"> <section class="sidebar__section sidebar__section--players">
<span class="section__heading">{{ heading }} [{{ players.size }}/{{ maxPlayers }}]</span> <span class="section__heading">{{ heading }} [{{ players.size }}/{{ maxPlayers }}]</span>
<ul class="section__content"> <ul class="section__content">
<PlayerListItem v-for="[account, player] in players" :key="account" :player="player"></PlayerListItem> <PlayerListItem v-for="[account, player] in players" :key="account" :player="player"></PlayerListItem>
@ -49,6 +49,8 @@ export default defineComponent({
}); });
</script> </script>
<style scoped> <style scoped lang="scss">
.sidebar__section.sidebar__section--players {
flex-shrink: 10;
}
</style> </style>