Создание панели навигации для гамбургеров с помощью Semantic UI на Rails - PullRequest
0 голосов
/ 03 сентября 2018

Я пытаюсь создать меню для гамбургеров с помощью Semantic UI на Rails, но оно не работает. На панели навигации у меня есть логотип Recipeazy, а затем у меня есть 3 элемента: Домой, О нас и Настройки, а затем у меня есть 2 кнопки: Создать новый рецепт и Выйти. (Если пользователь не вошел в систему, есть только 2 кнопки, Войти и Зарегистрироваться. Я использовал ruby, чтобы сделать оператор if else). Я пытался сделать то, что кто-то сделал над здесь , но это не сработало. Тогда я попытался проверить боковую панель веб-страницы Semantic UI и все еще не работал. Я хотел бы придерживаться боковой панели Semantic UI, хотя. Вот мой код:

application.html.haml

!!!
%html
  %head
    %title Recipeazy
    = stylesheet_link_tag    'application', media: 'all'
    = javascript_include_tag 'application'
    %link{:rel => "stylesheet", :href => "http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css"}
    %link{:rel => "stylesheet", :href => "http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"}

    = csrf_meta_tags
%body
    %div.ui.fixed.inverted.main.menu
        %div.ui.container
            %a.launch.icon.item
                %i.content.icon
            .wrapper.clearfix
                %div.brand.item
                    #logo= link_to "Recipeazy", root_path
                    %nav
                    - if user_signed_in?
                        %div.item
                            = link_to root_path do
                                %i.fa.fa-home
                                Home
                        %div.item
                            = link_to about_path do
                                %i.fa.fa-book
                                About Us
                        %div.item
                            = link_to edit_user_registration_path do
                                %i.fa.fa-cog
                                Settings
                        %div.item
                            = link_to new_post_path, class: "button" do
                                %i.fa.fa-plus
                                Add Recipe
                        %div.item
                            = link_to destroy_user_session_path, class:"button", method: :delete do
                                %i.fa.fa-sign-out
                                Sign Out
                    - else
                        %item
                            = link_to "Log In", new_user_session_path, class: "button"
                        %item
                            = link_to "Sign Up", new_user_registration_path, class: "button"

    %p.notice= notice
    %p.alert= alert
    .wrapper
        = yield

Я думаю, что семантический пользовательский интерфейс работает, потому что я уже использовал его для стилизации кнопок на других моих страницах.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...