add dashboard frontend

This commit is contained in:
Gregor Vostrak
2024-03-11 18:02:54 +01:00
parent e8912650c0
commit 20fc123c36
86 changed files with 5124 additions and 849 deletions

View File

@@ -31,7 +31,7 @@ const deleteTeam = () => {
<template #description> Permanently delete this team. </template>
<template #content>
<div class="max-w-xl text-sm text-gray-600 dark:text-gray-400">
<div class="max-w-xl text-sm text-muted">
Once a team is deleted, all of its resources and data will be
permanently deleted. Before deleting this team, please download
any data or information regarding this team that you wish to

View File

@@ -138,8 +138,7 @@ const displayableRole = (role: string) => {
<template #form>
<div class="col-span-6">
<div
class="max-w-xl text-sm text-gray-600 dark:text-gray-400">
<div class="max-w-xl text-sm text-muted">
Please provide the email address of the person you
would like to add to this team.
</div>
@@ -191,7 +190,7 @@ const displayableRole = (role: string) => {
<!-- Role Name -->
<div class="flex items-center">
<div
class="text-sm text-gray-600 dark:text-gray-400"
class="text-sm text-muted"
:class="{
'font-semibold':
addTeamMemberForm.role ==
@@ -220,7 +219,7 @@ const displayableRole = (role: string) => {
<!-- Role Description -->
<div
class="mt-2 text-xs text-gray-600 dark:text-gray-400 text-start">
class="mt-2 text-xs text-muted text-start">
{{ role.description }}
</div>
</div>
@@ -269,7 +268,7 @@ const displayableRole = (role: string) => {
v-for="invitation in team.team_invitations"
:key="invitation.id"
class="flex items-center justify-between">
<div class="text-gray-600 dark:text-gray-400">
<div class="text-muted">
{{ invitation.email }}
</div>
@@ -390,7 +389,7 @@ const displayableRole = (role: string) => {
<!-- Role Name -->
<div class="flex items-center">
<div
class="text-sm text-gray-600 dark:text-gray-400"
class="text-sm text-muted"
:class="{
'font-semibold':
updateRoleForm.role ===
@@ -415,8 +414,7 @@ const displayableRole = (role: string) => {
</div>
<!-- Role Description -->
<div
class="mt-2 text-xs text-gray-600 dark:text-gray-400">
<div class="mt-2 text-xs text-muted">
{{ role.description }}
</div>
</div>