extend design
This commit is contained in:
36
product.html
36
product.html
@@ -25,6 +25,18 @@
|
||||
<a href="dashboard.html" class="flex items-center gap-3 px-4 py-3 text-gray-600 hover:bg-gray-50 rounded-xl transition-colors">
|
||||
<i data-lucide="layout-dashboard"></i> Dashboard
|
||||
</a>
|
||||
<a href="updates.html" class="flex items-center gap-3 px-4 py-3 text-gray-600 hover:bg-gray-50 rounded-xl transition-colors">
|
||||
<i data-lucide="bell"></i> Aktualizacje
|
||||
</a>
|
||||
<a href="global-holidays.html" class="flex items-center gap-3 px-4 py-3 text-gray-600 hover:bg-gray-50 rounded-xl transition-colors">
|
||||
<i data-lucide="globe"></i> Święta
|
||||
</a>
|
||||
<a href="inspirations.html" class="flex items-center gap-3 px-4 py-3 text-gray-600 hover:bg-gray-50 rounded-xl transition-colors">
|
||||
<i data-lucide="sparkles"></i> Inspiracje
|
||||
</a>
|
||||
<a href="blog.html" class="flex items-center gap-3 px-4 py-3 text-gray-600 hover:bg-gray-50 rounded-xl transition-colors">
|
||||
<i data-lucide="book-open"></i> Poradniki
|
||||
</a>
|
||||
<a href="occasions.html" class="flex items-center gap-3 px-4 py-3 text-gray-600 hover:bg-gray-50 rounded-xl transition-colors">
|
||||
<i data-lucide="calendar"></i> Okazje
|
||||
</a>
|
||||
@@ -174,6 +186,30 @@
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation -->
|
||||
<nav class="lg:hidden fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 p-2 flex justify-around items-center z-50">
|
||||
<a href="dashboard.html" class="flex flex-col items-center p-2 text-gray-400">
|
||||
<i data-lucide="layout-dashboard" class="w-6 h-6"></i>
|
||||
<span class="text-[10px] font-bold mt-1">Home</span>
|
||||
</a>
|
||||
<a href="updates.html" class="flex flex-col items-center p-2 text-gray-400">
|
||||
<i data-lucide="bell" class="w-6 h-6"></i>
|
||||
<span class="text-[10px] font-bold mt-1">Status</span>
|
||||
</a>
|
||||
<a href="inspirations.html" class="flex flex-col items-center p-2 text-gray-400">
|
||||
<i data-lucide="sparkles" class="w-6 h-6"></i>
|
||||
<span class="text-[10px] font-bold mt-1">Pomysły</span>
|
||||
</a>
|
||||
<a href="blog.html" class="flex flex-col items-center p-2 text-gray-400">
|
||||
<i data-lucide="book-open" class="w-6 h-6"></i>
|
||||
<span class="text-[10px] font-bold mt-1">Blog</span>
|
||||
</a>
|
||||
<a href="settings.html" class="flex flex-col items-center p-2 text-gray-400">
|
||||
<i data-lucide="settings" class="w-6 h-6"></i>
|
||||
<span class="text-[10px] font-bold mt-1">Opcje</span>
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<script>
|
||||
lucide.createIcons();
|
||||
|
||||
|
||||
Reference in New Issue
Block a user