Move navbar dropdown to right corner

TelosLabs · Mar 29, 2024 · 62b8ed4 · 62b8ed4
1 parent f385e48
commit 62b8ed4
Showing 1 changed file with 13 additions and 13 deletions.
diff --git 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' }"