padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

increase z-index of filters to go above card links, fit to width of screen; import Button but remove borders

Browse source
This commit is contained in:
padreug 2025-02-11 01:46:50 +01:00
parent 02e699aad5
commit 53a2982716
3 changed files with 33 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/pages/Directory.vue
View file

@ -61,13 +61,13 @@ const filteredItems = computed(() => {
<template>
<div class="container mx-auto px-4 py-2 md:py-8">
<div class="space-y-4 sm:space-y-8">
<div class="space-y-4">
<!-- Directory Header -->
<div class="hidden sm:block text-center space-y-4">
<h1 class="text-3xl font-bold tracking-tight sm:text-4xl">
<div class="text-center space-y-2 mb-6">
<h1 class="text-2xl font-bold tracking-tight sm:text-3xl">
{{ t('directory.title') }}
</h1>
<p class="text-lg text-muted-foreground">
<p class="text-sm sm:text-base text-muted-foreground">
{{ t('directory.subtitle') }}
</p>
</div>
@ -77,10 +77,11 @@ const filteredItems = computed(() => {
v-model:category="category"
v-model:search="search"
v-model:town="town"
class="sticky top-0 z-50 -mx-4 px-4 py-2 bg-background/95 backdrop-blur-sm border-b w-screen left-0"
/>
<!-- Directory Grid -->
<DirectoryGrid :items="filteredItems" />
<DirectoryGrid :items="filteredItems" class="pt-4" />
</div>
</div>
</template>