Packages

scales_cms

0.2.1
0.2.1 0.2.0 0.1.26 0.1.25 0.1.24 0.1.23 0.1.21 0.1.20 0.1.19 0.1.18 0.1.17 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

A page builder annex CMS made by Fish on Fire

HexDocs

Current section

Files

Jump to
Readme
28 Versions
23 Dependencies
Dependants
Files
Activity
scales_cms lib scales_cms_web components menu menu_items_layout.html.heex
Raw

lib/scales_cms_web/components/menu/menu_items_layout.html.heex 

<ul class="sidebar-menu">

  <li :for={menu_item <- menu_items()}>

    <.link

      patch={menu_item.route}

      class={[

        "sidebar-menu-item",

        !@sidebar_open && "sidebar-menu-item-closed",

        active_class(@current_uri, menu_item)

      ]}

      title={if !@sidebar_open, do: menu_item.title, else: nil}

    >

      <span class={[

        "sidebar-menu-icon-left",

        "transition-opacity duration-300 ease-in-out",

        !@sidebar_open && "opacity-0 w-0 overflow-hidden"

      ]}>

        <.icon name={menu_item.icon} />

      </span>



      <span class={[

        "sidebar-menu-title ms-2",

        "transition-all duration-300 ease-in-out",

        !@sidebar_open && "opacity-0 w-0 overflow-hidden whitespace-nowrap"

      ]}>

        {menu_item.title}

      </span>



      <span class="flex-grow"></span>



      <span class={[

        "sidebar-menu-icon-right",

        "transition-opacity duration-300 ease-in-out",

        @sidebar_open && "opacity-0 w-0 overflow-hidden",

        !@sidebar_open && "opacity-100"

      ]}>

        <.icon name={menu_item.icon} />

      </span>

    </.link>

  </li>

</ul>