follow_request_card.vue
No OneTemporary
Actions

Size

768 B

Referenced Files

None

Subscribers

None

follow_request_card.vue
View Options

	<template>
	<basic-user-card :user="user">
	<div class="follow-request-card-content-container">
	<button
	class="btn button-default"
	@click="approveUser"
	>
	{{ $t('user_card.approve') }}
	</button>
	<button
	class="btn button-default"
	@click="denyUser"
	>
	{{ $t('user_card.deny') }}
	</button>
	</div>
	</basic-user-card>
	</template>

	<script src="./follow_request_card.js"></script>

	<style lang="scss">
	.follow-request-card-content-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	button {
	margin-top: 0.5em;
	margin-right: 0.5em;
	flex: 1 1;
	max-width: 12em;
	min-width: 8em;

	&:last-child {
	margin-right: 0;
	}
	}
	}
	</style>