🎨
This commit is contained in:
		| @@ -11,8 +11,14 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| 		<span v-else-if="isExpired" style="color: var(--error)">{{ i18n.ts.expired }}</span> | ||||
| 		<span v-else style="color: var(--success)">{{ i18n.ts.unused }}</span> | ||||
| 	</template> | ||||
| 	<template #footer> | ||||
| 		<div class="_buttons"> | ||||
| 			<MkButton v-if="!invite.used && !isExpired" primary rounded @click="copyInviteCode()"><i class="ti ti-copy"></i> {{ i18n.ts.copy }}</MkButton> | ||||
| 			<MkButton v-if="!invite.used || moderator" danger rounded @click="deleteCode()"><i class="ti ti-trash"></i> {{ i18n.ts.delete }}</MkButton> | ||||
| 		</div> | ||||
| 	</template> | ||||
|  | ||||
| 	<div class="_gaps_s" :class="$style.root"> | ||||
| 	<div :class="$style.root"> | ||||
| 		<div :class="$style.items"> | ||||
| 			<div> | ||||
| 				<div :class="$style.label">{{ i18n.ts.invitationCode }}</div> | ||||
| @@ -49,10 +55,6 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| 				<div><MkTime :time="invite.createdAt" mode="absolute"/></div> | ||||
| 			</div> | ||||
| 		</div> | ||||
| 		<div :class="$style.buttons"> | ||||
| 			<MkButton v-if="!invite.used && !isExpired" primary rounded @click="copyInviteCode()"><i class="ti ti-copy"></i> {{ i18n.ts.copy }}</MkButton> | ||||
| 			<MkButton v-if="!invite.used || moderator" danger rounded @click="deleteCode()"><i class="ti ti-trash"></i> {{ i18n.ts.delete }}</MkButton> | ||||
| 		</div> | ||||
| 	</div> | ||||
| </MkFolder> | ||||
| </template> | ||||
| @@ -121,9 +123,4 @@ function copyInviteCode() { | ||||
| 	width: var(--height); | ||||
| 	height: var(--height); | ||||
| } | ||||
|  | ||||
| .buttons { | ||||
| 	display: flex; | ||||
| 	gap: 8px; | ||||
| } | ||||
| </style> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo