<div
    class="traMove order-3 w-full flex-1 basis-1/3 -translate-y-32 shadow-2xl border-b border-gray-300/25 md:border-t lg:border-t transition duration-300 sm:basis-1/2 md:order-2 md:flex-1 md:basis-2/3 md:-translate-y-0 lg:order-2 lg:flex-1 lg:basis-2/3 lg:-translate-y-0">
    <div class="flex h-16 w-full flex-row flex-nowrap items-center space-x-2 pl-3 text-color-primary md:pl-7 lg:pl-7">
        <a href="#" class="inine-block"><%= settingsDatabase.appEmoji ? settingsDatabase.appEmoji : 'ðŸ�†' %></a>

        <svg class="inline-block text-color-secondary" xmlns="http://www.w3.org/2000/svg" width="12" height="12"
            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round">
            <polyline points="9 18 15 12 9 6"></polyline>
        </svg>

        <% if(path == '/'){ %><div href="#" class="inline-block text-gray-300">Dashboard</div> <% } %>
        <% if(path == '/admin'){ %><div href="#" class="inline-block text-gray-300">Admin</div> <% } %>
    </div>
</div>
