ログインボタンを画像にあるサインアップボタンのようにしたいです

Question

前提・実現したいこと

写真のログインボタンを左側のサインアップボタンのような表示にしたい。

発生している問題・エラーメッセージ

https://gyazo.com/12d0f76e5100532b0becbee91c55b084

こちらが画像です。



```_navbar.html.erb
```<header class="mb-4">
    <nav class="navbar navbar-expand-sm navbar-dark bg-dark">
        <a class="navbar-brand" href="/">Home Hobby</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
            <span class="navbar-toggler-icon"></span>
        </button>
        
        <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
            <ul class="navbar-nav">
                <% if user_signed_in? %>
                <li class ="nav-item">
                    <strong><%= link_to current_user.username, pages_show_path %></strong>
                    <%= link_to "プロフィールを変更する", edit_user_registration_path %>
                    <%= link_to "ログアウト", destroy_user_session_path, method: :delete %>
                </li>
                
                <%else%>
                <li class="nav-item">
                    <%= link_to "サインアップ", new_user_registration_path, class: "nav-link" %>
                </li>
                <li class="nav-item">
                    <%= link_to "ログイン", new_user_session_path, class: "nav_link" %>
                </li>    
                <% end %>
            </ul>
        </div>
    </nav>
</header>

試したこと

何度か打ち直したのですがなぜサインアップはできてログインが無理なのかがわかりません。

Comments

[kuma_kuma_]

写真と該当ソースのアップに失敗しているようなので修正お願いします。

Answer 1

<%= link_to "ログイン", new_user_session_path, class: "nav_link" %>

上記のclassですが、nav-linkではなくnav_linkになっていませんか？