diff --git a/app/components/navbar/component.html.slim b/app/components/navbar/component.html.slim index 10e99965b..b4634ea77 100644 --- a/app/components/navbar/component.html.slim +++ b/app/components/navbar/component.html.slim @@ -24,25 +24,25 @@ nav id="main-navbar" data-controller="navbar--component" class="#{non_sticky_pat | Donate div class='flex items-center' = inline_svg_tag 'heart.svg', size:'9*9', class:'mt-1 fill-current text-red' - li class="relative flex items-center inline-block mr-2 font-medium cursor-pointer w-36 " data-controller="dropdown" data-action="click@window->dropdown#hide touchstart@window->dropdown#hide keydown.up->dropdown#previousItem keydown.down->dropdown#nextItem keydown.esc->dropdown#hide" - button data-action="dropdown#toggle:stop" class="flex items-center border-b-2 text-sm-underlined-color text-seafoam border-seafoam" - = inline_svg_tag "location-dot.svg", size:"9*9", class:"h-7 mr-3 fill-current" - p data-geolocation-target="currentLocation" - = @current_location[:city] - div data-dropdown-target="menu" class="absolute right-0 z-10 flex hidden w-screen mt-5 top-4 max-w-max" - ul class="overflow-hidden text-sm bg-white border rounded shadow-lg w-42" - - @locations.each do |location| - li class="block px-4 py-2 text-gray-3 hover:bg-seafoam" data-action="click->geolocation#updateLocation" - = location - li class="flex items-center block px-4 py-1 font-medium text-gray-3 border-gray-5 hover:bg-seafoam focus:bg-seafoam" data-action="click->geolocation#getCurrentPosition" - = inline_svg_tag "my-location.svg", size:"12*12", class:"h-7 mr-2 fill-current text-gray-3" - | Search near me ul class='flex items-center' - if @signed_in li = link_to "My Account", my_account_path, class:"text-base font-bold mr-1 lg:mr-6 border-b-2 border-transparent #{request.env['PATH_INFO'] == "/my_account" ? "text-seafoam border-seafoam" : ""}" - else li = link_to "Sign in", signin_path, class:'text-base font-bold mr-2 mid:mr-4 lg:mr-6' li = link_to "Create Account", signup_path, class:'c-button py-2.5 px-5 text-white bg-blue-medium' + li class="relative flex items-center inline-block mx-2 font-medium cursor-pointer w-36 " data-controller="dropdown" data-action="click@window->dropdown#hide touchstart@window->dropdown#hide keydown.up->dropdown#previousItem keydown.down->dropdown#nextItem keydown.esc->dropdown#hide" + button data-action="dropdown#toggle:stop" class="flex items-center border-b-2 text-sm-underlined-color text-seafoam border-seafoam" + = inline_svg_tag "location-dot.svg", size:"9*9", class:"h-7 mr-3 fill-current" + p data-geolocation-target="currentLocation" + = @current_location[:city] + div data-dropdown-target="menu" class="absolute right-0 z-10 flex hidden w-screen mt-5 top-4 max-w-max" + ul class="overflow-hidden text-sm bg-white border rounded shadow-lg w-42" + - @locations.each do |location| + li class="block px-4 py-2 text-gray-3 hover:bg-seafoam" data-action="click->geolocation#updateLocation" + = location + li class="flex items-center block px-4 py-1 font-medium text-gray-3 border-gray-5 hover:bg-seafoam focus:bg-seafoam" data-action="click->geolocation#getCurrentPosition" + = inline_svg_tag "my-location.svg", size:"12*12", class:"h-7 mr-2 fill-current text-gray-3" + | Search near me .sidebar class='fixed top-0 bottom-0 left-0 right-0 z-10 hidden h-screen overflow-y-hidden bg-gray-9' data-navbar--component-target="sideNavBar" section class="pt-8 pb-4 px-7 #{ @signed_in ? 'h-4/5' : 'h-3/4' }"