fix: align organisation page header layout with platform design
Match the header structure of /organisation to /platform/organisations/[id]: wrap name+chip in a flex row with gap-x-2, place timestamp as span below it inside the same container div. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -221,18 +221,23 @@ function confirmRevokeInvitation() {
|
||||
|
||||
<template v-else-if="organisation">
|
||||
<!-- Header -->
|
||||
<div class="d-flex justify-space-between align-center mb-2">
|
||||
<div class="d-flex align-center gap-x-3">
|
||||
<h4 class="text-h4">
|
||||
{{ organisation.name }}
|
||||
<span class="text-body-2 text-medium-emphasis font-weight-regular ms-2">{{ organisation.slug }}</span>
|
||||
</h4>
|
||||
<VChip
|
||||
:color="statusColor[organisation.billing_status]"
|
||||
size="small"
|
||||
>
|
||||
{{ organisation.billing_status }}
|
||||
</VChip>
|
||||
<div class="d-flex align-center justify-space-between mb-2">
|
||||
<div>
|
||||
<div class="d-flex align-center gap-x-2">
|
||||
<h4 class="text-h4">
|
||||
{{ organisation.name }}
|
||||
<span class="text-body-2 text-medium-emphasis font-weight-regular ms-2">{{ organisation.slug }}</span>
|
||||
</h4>
|
||||
<VChip
|
||||
:color="statusColor[organisation.billing_status]"
|
||||
size="small"
|
||||
>
|
||||
{{ organisation.billing_status }}
|
||||
</VChip>
|
||||
</div>
|
||||
<span class="text-caption text-medium-emphasis">
|
||||
Aangemaakt op {{ formatDate(organisation.created_at) }}
|
||||
</span>
|
||||
</div>
|
||||
<VBtn
|
||||
v-if="isOrgAdmin"
|
||||
@@ -243,11 +248,6 @@ function confirmRevokeInvitation() {
|
||||
</VBtn>
|
||||
</div>
|
||||
|
||||
<!-- Timestamps -->
|
||||
<p class="text-caption text-medium-emphasis mb-6">
|
||||
Aangemaakt op {{ formatDate(organisation.created_at) }}
|
||||
</p>
|
||||
|
||||
<!-- Tabs -->
|
||||
<VTabs
|
||||
v-model="activeTab"
|
||||
|
||||
Reference in New Issue
Block a user