mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-21 09:36:42 +02:00
e7f5f942f3
Projects included: - maerchenzauber (NestJS backend + Expo mobile + SvelteKit web + Astro landing) - manacore (Expo mobile + SvelteKit web + Astro landing) - manadeck (NestJS backend + Expo mobile + SvelteKit web) - memoro (Expo mobile + SvelteKit web + Astro landing) This commit preserves the current state before monorepo restructuring. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
57 lines
No EOL
1.1 KiB
Text
57 lines
No EOL
1.1 KiB
Text
---
|
|
interface Props {
|
|
title?: string;
|
|
message?: string;
|
|
icon?: string;
|
|
actionLabel?: string;
|
|
actionHref?: string;
|
|
}
|
|
|
|
const {
|
|
title = "Keine Einträge gefunden",
|
|
message = "Es gibt noch keine Inhalte in dieser Kategorie.",
|
|
icon = "📝",
|
|
actionLabel,
|
|
actionHref
|
|
} = Astro.props;
|
|
---
|
|
|
|
<div class="empty-state flex flex-col items-center justify-center py-16 px-4">
|
|
<div class="icon-wrapper mb-6 text-6xl opacity-50">
|
|
{icon}
|
|
</div>
|
|
|
|
<h3 class="text-2xl font-semibold text-text-primary mb-3">
|
|
{title}
|
|
</h3>
|
|
|
|
<p class="text-text-secondary text-center max-w-md mb-8">
|
|
{message}
|
|
</p>
|
|
|
|
{actionLabel && actionHref && (
|
|
<a
|
|
href={actionHref}
|
|
class="inline-flex items-center px-6 py-3 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors duration-200 font-medium"
|
|
>
|
|
{actionLabel}
|
|
</a>
|
|
)}
|
|
</div>
|
|
|
|
<style>
|
|
.empty-state {
|
|
min-height: 400px;
|
|
}
|
|
|
|
.icon-wrapper {
|
|
filter: grayscale(0.5);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.icon-wrapper {
|
|
filter: grayscale(0.7);
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
</style> |