|
28 | 28 | <div class="flex items-center flex-1 md:absolute md:inset-y-0 md:left-0"> |
29 | 29 | <div class="flex items-center justify-between w-full md:w-auto"> |
30 | 30 | <%= render partial: 'shared/icons/logo', locals: { width: 10, height: 10, color: 'text-cyan'} %> |
31 | | - <div class="-mr-2 flex items-center md:hidden"> |
32 | | - <button type="button" class="bg-gray-50 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-expanded="false"> |
33 | | - <span class="sr-only">Open main menu</span> |
34 | | - <!-- Heroicon name: outline/menu --> |
35 | | - <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> |
36 | | - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> |
37 | | - </svg> |
38 | | - </button> |
39 | | - </div> |
| 31 | + |
40 | 32 | </div> |
41 | 33 | </div> |
42 | 34 | <div class="hidden md:flex md:space-x-10"> |
43 | 35 |
|
44 | 36 | </div> |
45 | | - <div class="hidden md:absolute md:flex md:items-center md:justify-end md:inset-y-0 md:right-0"> |
| 37 | + <div class="md:absolute md:flex md:items-center md:justify-end md:inset-y-0 md:right-0"> |
46 | 38 | <span class="inline-flex rounded-md shadow"> |
47 | 39 | <%= button_to 'Log In', new_user_session_path, class: 'button--cta-tertiary mr-2', method: :get %> |
48 | 40 | <%= button_to 'Sign Up', new_user_registration_path, class: 'button--cta-primary', method: :get %> |
|
61 | 53 | From: "opacity-100 scale-100" |
62 | 54 | To: "opacity-0 scale-95" |
63 | 55 | --> |
64 | | - <div class="absolute top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden"> |
65 | | - <div class="rounded-lg shadow-md bg-white ring-1 ring-black ring-opacity-5 overflow-hidden"> |
66 | | - <div class="px-5 pt-4 flex items-center justify-between"> |
67 | | - <div> |
68 | | - <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg" alt=""> |
69 | | - </div> |
70 | | - <div class="-mr-2"> |
71 | | - <button type="button" class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"> |
72 | | - <span class="sr-only">Close main menu</span> |
73 | | - <!-- Heroicon name: outline/x --> |
74 | | - <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> |
75 | | - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> |
76 | | - </svg> |
77 | | - </button> |
78 | | - </div> |
79 | | - </div> |
80 | | - <div class="px-2 pt-2 pb-3 space-y-1"> |
81 | | - <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Product</a> |
82 | | - |
83 | | - <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Features</a> |
84 | | - |
85 | | - <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Marketplace</a> |
86 | | - |
87 | | - <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Company</a> |
88 | | - </div> |
89 | | - <a href="#" class="block w-full px-5 py-3 text-center font-medium text-indigo-600 bg-gray-50 hover:bg-gray-100 hover:text-indigo-700"> |
90 | | - Log in |
91 | | - </a> |
92 | | - </div> |
93 | | - </div> |
| 56 | + |
94 | 57 |
|
95 | 58 | <div class="mt-16 mx-auto max-w-7xl px-4 sm:mt-24 sm:px-6"> |
96 | 59 | <div class="text-center"> |
|
0 commit comments