make mobile view more compact

This commit is contained in:
padreug 2025-02-10 21:45:03 +01:00
parent 83c6285bce
commit ef6a199011
3 changed files with 10 additions and 10 deletions

View file

@ -11,13 +11,13 @@ const items = mockDirectoryItems
<template>
<div class="container mx-auto px-4 py-8">
<div class="space-y-8">
<!-- Directory Header -->
<div class="text-center">
<div class="space-y-4 sm:space-y-8">
<!-- Directory Header - Hidden on mobile -->
<div class="hidden sm:block text-center space-y-4">
<h1 class="text-3xl font-bold tracking-tight sm:text-4xl">
{{ t('directory.title') }}
</h1>
<p class="mt-4 text-lg text-muted-foreground">
<p class="text-lg text-muted-foreground">
{{ t('directory.subtitle') }}
</p>
</div>