refactor: sort classes
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div class="flex flex-col min-h-screen items-center justify-between">
|
||||
<div class="flex flex-col items-center justify-between min-h-screen">
|
||||
<div
|
||||
v-if="invalidLink"
|
||||
class="flex flex-col flex-1 items-center justify-center"
|
||||
class="flex flex-col items-center justify-center flex-1"
|
||||
>
|
||||
<i class="opacity-75 pb-2 material-icons">error_outline</i>
|
||||
<i class="pb-2 opacity-75 material-icons">error_outline</i>
|
||||
<h1 class="text-center heading">
|
||||
{{ $t("team.invalid_invite_link") }}
|
||||
</h1>
|
||||
@@ -14,13 +14,13 @@
|
||||
</div>
|
||||
<div
|
||||
v-else-if="loadingCurrentUser"
|
||||
class="flex flex-col flex-1 p-4 items-center justify-center"
|
||||
class="flex flex-col items-center justify-center flex-1 p-4"
|
||||
>
|
||||
<SmartSpinner />
|
||||
</div>
|
||||
<div
|
||||
v-else-if="currentUser === null"
|
||||
class="flex flex-col flex-1 p-4 items-center justify-center"
|
||||
class="flex flex-col items-center justify-center flex-1 p-4"
|
||||
>
|
||||
<h1 class="heading">{{ $t("team.login_to_continue") }}</h1>
|
||||
<p class="mt-2">{{ $t("team.login_to_continue_description") }}</p>
|
||||
@@ -30,24 +30,24 @@
|
||||
@click.native="showLogin = true"
|
||||
/>
|
||||
</div>
|
||||
<div v-else class="flex flex-col flex-1 p-4 items-center justify-center">
|
||||
<div v-else class="flex flex-col items-center justify-center flex-1 p-4">
|
||||
<div
|
||||
v-if="inviteDetails.loading"
|
||||
class="flex flex-col flex-1 p-4 items-center justify-center"
|
||||
class="flex flex-col items-center justify-center flex-1 p-4"
|
||||
>
|
||||
<SmartSpinner />
|
||||
</div>
|
||||
<div v-else>
|
||||
<div
|
||||
v-if="!inviteDetails.loading && E.isLeft(inviteDetails.data)"
|
||||
class="flex flex-col p-4 items-center"
|
||||
class="flex flex-col items-center p-4"
|
||||
>
|
||||
<i class="mb-4 material-icons">error_outline</i>
|
||||
<p>
|
||||
{{ getErrorMessage(inviteDetails.data.left) }}
|
||||
</p>
|
||||
<p
|
||||
class="border border-dividerLight rounded flex flex-col mt-8 p-4 items-center"
|
||||
class="flex flex-col items-center p-4 mt-8 border rounded border-dividerLight"
|
||||
>
|
||||
<span class="mb-4">
|
||||
{{ $t("team.logout_and_try_again") }}
|
||||
@@ -66,7 +66,7 @@
|
||||
E.isRight(inviteDetails.data) &&
|
||||
!joinTeamSuccess
|
||||
"
|
||||
class="flex flex-col flex-1 p-4 items-center justify-center"
|
||||
class="flex flex-col items-center justify-center flex-1 p-4"
|
||||
>
|
||||
<h1 class="heading">
|
||||
{{
|
||||
@@ -103,7 +103,7 @@
|
||||
E.isRight(inviteDetails.data) &&
|
||||
joinTeamSuccess
|
||||
"
|
||||
class="flex flex-col flex-1 p-4 items-center justify-center"
|
||||
class="flex flex-col items-center justify-center flex-1 p-4"
|
||||
>
|
||||
<h1 class="heading">
|
||||
{{
|
||||
|
||||
Reference in New Issue
Block a user