change: standardisation of UI

This commit is contained in:
Julian Krauser 2025-05-16 13:32:40 +02:00
parent 4ee16c624a
commit 04c01b6780
54 changed files with 199 additions and 462 deletions

View file

@ -1,10 +1,5 @@
<template>
<MainTemplate :useStagedOverviewLink="false">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Administration übertragen</h1>
</div>
</template>
<MainTemplate title="Administration übertragen" :useStagedOverviewLink="false">
<template #main>
<Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'">laden fehlgeschlagen</p>

View file

@ -1,10 +1,5 @@
<template>
<MainTemplate :useStagedOverviewLink="false">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Meine Anmeldedaten</h1>
</div>
</template>
<MainTemplate title="Meine Anmeldedaten" :useStagedOverviewLink="false">
<template #diffMain>
<Spinner v-if="loading" class="mx-auto" />
<div v-else class="flex flex-col w-full h-full gap-2 px-7 overflow-hidden">

View file

@ -1,10 +1,5 @@
<template>
<MainTemplate :useStagedOverviewLink="false">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Mein Account</h1>
</div>
</template>
<MainTemplate title="Mein Account" :useStagedOverviewLink="false">
<template #main>
<Spinner v-if="loading == 'loading'" class="mx-auto" />
<p v-else-if="loading == 'failed'">laden fehlgeschlagen</p>

View file

@ -1,18 +1,13 @@
<template>
<MainTemplate :useStagedOverviewLink="false">
<template #topBar>
<div class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
<h1 class="font-bold text-xl h-8">Meine Berechtigungen</h1>
</div>
</template>
<MainTemplate title="Meine Berechtigungen" :useStagedOverviewLink="false">
<template #main>
<Permission :permissions="permissions" :disableEdit="true" />
<Permission :permissions="permissions" disableEdit />
</template>
</MainTemplate>
</template>
<script setup lang="ts">
import { defineComponent, markRaw, defineAsyncComponent } from "vue";
import { defineComponent } from "vue";
import { mapActions, mapState } from "pinia";
import MainTemplate from "@/templates/Main.vue";
import Permission from "@/components/admin/Permission.vue";