Packages

exshome

0.1.0
0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

DIY Elixir-based smart home.

HexDocs

Current section

Files

Jump to
Readme
8 Versions
18 Dependencies
0 Dependants
Files
Activity
exshome lib exshome_web templates layout _header.html.heex
Raw

lib/exshome_web/templates/layout/_header.html.heex 

<header class="p-4 flex flex-row-reverse justify-between items-center">

  <div class="whitespace-nowrap px-2">

    <span class="mx-2">Theme:</span>

    <select

      id="themeSelector"

      class="rounded-lg bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800"

      onchange="Theme.useTheme(this.options[this.selectedIndex].value)"

      phx-hook="ThemeSwitch"

      phx-update="ignore"

    >

      <option value="light">Light &#127774;</option>

      <option value="dark">Dark &#127771;</option>

      <option value="system">System &#x1F4BB;</option>

    </select>

  </div>

  <div class="hidden md:block whitespace-nowrap overflow-x-auto">

    <%= render("_navigation.html", socket: @socket, live_action: @live_action) %>

  </div>

</header>