refactor: move this to a partial

[amacgregor]

Move this to a partial template for the navigation. 

In apps/crimson_commerce_web/lib/crimson_commerce_web/templates/layout/app.html.eex (Lines 22-34)

         <div class="w-full md:w-1/5 bg-gray-900 md:bg-gray-900 px-2 text-center fixed bottom-0 md:pt-8 md:top-0 md:left-0 h-16 md:h-screen md:border-r-4 md:border-gray-600">
            <div class="md:relative mx-auto lg:float-right lg:px-6">
               <ul class="list-reset flex flex-row md:flex-col text-center md:text-left">
                  <%= for category <- category_list() do %>
                     <li class="mr-3 flex-1">
                     <a href="<%= Routes.category_path(@conn, :show, category.id) %>" class="block py-1 md:py-3 pl-1 align-middle text-gray-800 no-underline hover:text-pink-500 border-b-2 border-gray-800 md:border-gray-900 hover:border-pink-500">
                        <i class="fas fa-link pr-0 md:pr-3"></i><span class="pb-1 md:pb-0 text-xs md:text-base text-gray-600 md:text-gray-400 block md:inline-block"><%= category.name %></span>
                     </a>
                  </li>
                  <% end %>
               </ul>
            </div>
         </div>

Open on Web · Open in IDE · Open on GitHub