formatting

This commit is contained in:
2026-04-12 19:23:30 +02:00
parent 9dcdfb981a
commit 6f19d12964
5 changed files with 36 additions and 40 deletions
@@ -22,10 +22,7 @@ import {
metadata as metadataSettings,
repositories as repositorySettings,
} from '@/routes/projects/settings';
import type {
BreadcrumbItem,
ProjectGeneralSettingsPageProps,
} from '@/types';
import type { BreadcrumbItem, ProjectGeneralSettingsPageProps } from '@/types';
import { computed } from 'vue';
const props = defineProps<ProjectGeneralSettingsPageProps>();
@@ -124,24 +121,24 @@ const submitDelete = (): void => {
</CardHeader>
<CardContent class="grid gap-4 md:grid-cols-2">
<div class="rounded-xl border border-border/70 p-4">
<div class="border-border/70 rounded-xl border p-4">
<p
class="text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground"
class="text-muted-foreground text-xs font-semibold uppercase tracking-[0.18em]"
>
Project name
</p>
<p class="mt-2 text-sm font-semibold text-foreground">
<p class="text-foreground mt-2 text-sm font-semibold">
{{ project.name }}
</p>
</div>
<div class="rounded-xl border border-border/70 p-4">
<div class="border-border/70 rounded-xl border p-4">
<p
class="text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground"
class="text-muted-foreground text-xs font-semibold uppercase tracking-[0.18em]"
>
Project key
</p>
<p class="mt-2 text-sm font-semibold text-foreground">
<p class="text-foreground mt-2 text-sm font-semibold">
{{ project.key }}
</p>
</div>
@@ -166,9 +163,9 @@ const submitDelete = (): void => {
<CardContent class="space-y-5">
<div
class="rounded-xl border border-red-200/80 bg-background/80 p-4 dark:border-red-900/60"
class="bg-background/80 rounded-xl border border-red-200/80 p-4 dark:border-red-900/60"
>
<p class="text-sm font-medium text-foreground">
<p class="text-foreground text-sm font-medium">
Confirm by typing the exact project key:
<span class="font-semibold">{{ project.key }}</span>
</p>
@@ -193,7 +190,7 @@ const submitDelete = (): void => {
<div
class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"
>
<p class="text-sm text-muted-foreground">
<p class="text-muted-foreground text-sm">
This action cannot be undone.
</p>