Improve instance admin view for mobile

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2022-04-20 16:07:39 +02:00
parent 46c0693829
commit 10b92705e8
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773

View file

@ -8,7 +8,9 @@
]" ]"
/> />
<h1 class="text-2xl">{{ instance.domain }}</h1> <h1 class="text-2xl">{{ instance.domain }}</h1>
<div class="grid md:grid-cols-4 gap-2 content-center text-center mt-2"> <div
class="grid md:grid-cols-2 xl:grid-cols-4 gap-2 content-center text-center mt-2"
>
<div class="bg-gray-50 rounded-xl p-8"> <div class="bg-gray-50 rounded-xl p-8">
<router-link <router-link
:to="{ :to="{
@ -64,7 +66,7 @@
<span class="text-sm block">{{ $t("Uploaded media size") }}</span> <span class="text-sm block">{{ $t("Uploaded media size") }}</span>
</div> </div>
</div> </div>
<div class="mt-3 grid md:grid-cols-2 gap-4" v-if="instance.hasRelay"> <div class="mt-3 grid xl:grid-cols-2 gap-4" v-if="instance.hasRelay">
<div class="border bg-white p-6 shadow-md rounded-md"> <div class="border bg-white p-6 shadow-md rounded-md">
<button <button
@click="removeInstanceFollow" @click="removeInstanceFollow"
@ -88,7 +90,7 @@
{{ $t("Follow instance") }} {{ $t("Follow instance") }}
</button> </button>
</div> </div>
<div class="border bg-white p-6 shadow-md rounded-md"> <div class="border bg-white p-6 shadow-md rounded-md flex flex-col gap-2">
<button <button
@click="acceptInstance" @click="acceptInstance"
v-if="instance.followerStatus == InstanceFollowStatus.PENDING" v-if="instance.followerStatus == InstanceFollowStatus.PENDING"