26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
<div id="folders-list" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{% for folder in folders %}
|
|
{% include 'partials/folder_card.html' %}
|
|
{% else %}
|
|
<div class="col-span-full text-center py-12 bg-base-100 rounded-box shadow-lg border border-dashed border-base-300">
|
|
<div class="text-5xl mb-4 text-primary">
|
|
<i class="fas fa-folder-open"></i>
|
|
</div>
|
|
<h3 class="text-2xl font-bold mb-2">No folders yet</h3>
|
|
<p class="mb-6 text-base-content/70">Add your first folder to get started organizing your emails.</p>
|
|
<button class="btn btn-primary btn-lg"
|
|
hx-get="/api/folders/new"
|
|
hx-target="#modal-holder"
|
|
hx-swap="innerHTML"
|
|
hx-trigger="click">
|
|
<i class="fas fa-plus mr-2"></i>
|
|
Create Folder
|
|
</button>
|
|
<div class="mt-4 text-sm text-base-content/70">
|
|
<p>Need help setting up your first folder?</p>
|
|
<a href="#" class="link link-primary">View tutorial</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|