trypost/resources/js/components/PageHeader.vue
Paulo Castellano 15eef28161 fix(ui): mobile polish — responsive headings, menu placement, truncation
PageHeader downscales on phones; workspace switcher opens within the viewport; OAuth page-selects go icon-only + truncate; invite info rows truncate.
2026-07-17 18:38:21 -03:00

20 lines
574 B
Vue

<script setup lang="ts">
defineProps<{
title: string;
description?: string;
total?: number;
}>();
</script>
<template>
<header class="space-y-1">
<h1
class="text-2xl font-semibold leading-tight text-foreground sm:text-4xl"
style="font-family: var(--font-display)"
>
{{ title }}
<span v-if="total != null && total > 0" class="text-foreground/40">({{ total }})</span>
</h1>
<p v-if="description" class="text-sm text-foreground/70">{{ description }}</p>
</header>
</template>