<commit_before><template>
	<div class="-list" :class="{ '-inline-list': inline }">
		<div
			class="-user"
			:class="{
				'-user-sm': sm,
			}"
			v-for="user of users"
			:key="user.id"
		>
			<app-user-avatar
				class="-avatar"
				:class="{
					'-avatar-sm': sm,
				}"
				:user="user"
				v-app-tooltip="user.display_name + ' (@' + user.username + ')'"
			/>
			<app-user-verified-tick v-if="!sm" class="-tick" :user="user" />
		</div>
	</div>
</template>

<style lang="stylus" scoped>
@require '~styles/variables'
@require '~styles-lib/mixins'

$-size = 40px
$-spacing = 4px

$-size-sm = 24px


.-list
	display: grid
	grid-template-columns: repeat(auto-fill, $-size)
	grid-gap: $-spacing * 2
	justify-content: space-between

.-inline-list
	display: inline-flex
	padding-top: $-spacing
	padding-bottom: $-spacing

.-user
	position: relative

.-user-sm
	width: $-size-sm * 0.4<commit_msg>fix previous changes breaking lists with sm prop (#451)<commit_after><template>
	<div class="-list" :class="{ '-list-sm': sm, '-inline-list': inline }">
		<div
			class="-user"
			:class="{
				'-user-sm': sm,
			}"
			v-for="user of users"
			:key="user.id"
		>
			<app-user-avatar
				class="-avatar"
				:class="{
					'-avatar-sm': sm,
				}"
				:user="user"
				v-app-tooltip="user.display_name + ' (@' + user.username + ')'"
			/>
			<app-user-verified-tick v-if="!sm" class="-tick" :user="user" />
		</div>
	</div>
</template>

<style lang="stylus" scoped>
@require '~styles/variables'
@require '~styles-lib/mixins'

$-size = 40px
$-spacing = 4px

$-size-sm = 24px


.-list
	display: grid
	grid-template-columns: repeat(auto-fill, $-size)
	grid-gap: $-spacing * 2
	justify-content: space-between

.-list-sm
	position: relative
	flex: 1
	display: flex
	flex-wrap: wrap
	padding-top: $-spacing
	padding-bottom: $-spacing
	justify-content: normal
	grid-gap: 0

.-inline-list
	display: inline-flex

.-user
	position: relative

.-user-sm
	width: $-size-sm * 0.4
{'fraction_non_alphanumeric': 0.2045918367346939, 'fraction_numerical': 0.010714285714285714, 'mean_word_length': 3.060041407867495, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7047843', 'n_tokens_mistral': 877, 'n_tokens_neox': 753, 'n_words': 158}