UI tweaks

This commit is contained in:
Harshad Sharma 2024-05-19 09:02:26 +05:30
parent d08abf4661
commit 65aa88e926
3 changed files with 8 additions and 8 deletions

View file

@ -98,7 +98,7 @@ defmodule FreediveWeb.HomeLive.Components do
<span class="panel-icon">
<.icon for={item.icon} color="auto" aria-hidden="true" />
</span>
<div class="mt-2 ml-2">Nav: <%= item.name %></div>
<div class="mt-2 ml-2"><%= item.name %></div>
</.link>
<% end %>
"""

View file

@ -197,14 +197,14 @@ defmodule FreediveWeb.ServiceLive.Components do
def service_preview(assigns) do
~H"""
<.panel_block
class={"#{if @selected_item != nil and @selected_item.name == @item.name, do: "pt-2 has-background-info-light", else: "pt-2"}"}
class={"#{if @selected_item != nil and @selected_item.name == @item.name, do: "pt-3 has-background-info-light", else: "pt-3"}"}
phx-click="tap"
phx-value-name={@item.name}
>
<.icon_raw for={@item.icon} color="auto" size="1.8rem" aria-hidden="true" />
<.icon_raw for={@item.icon} color="auto" size="1.5rem" aria-hidden="true" />
<span class="is-size-5 px-4">
<span class="px-4">
<%= @item.name %>
</span>
@ -226,9 +226,9 @@ defmodule FreediveWeb.ServiceLive.Components do
~H"""
<.panel_block_div>
<%= if @selected_item.running do %>
<.icon_raw for="power" color="lightgreen" size="2rem" class="ml-2 mr-5" aria-hidden="true" />
<.icon_raw for="power" color="lightgreen" size="1.5rem" class="ml-2 mr-5" aria-hidden="true" />
<% else %>
<.icon_raw for="power" color="gray" size="2rem" class="ml-2 mr-5" aria-hidden="true" />
<.icon_raw for="power" color="gray" size="1.5rem" class="ml-2 mr-5" aria-hidden="true" />
<% end %>
<div class="columns is-fullwidth mr-4">
<%= if @selected_item.running do %>
@ -270,7 +270,7 @@ defmodule FreediveWeb.ServiceLive.Components do
<.icon_raw
for="inspection-panel"
color="auto"
size="2rem"
size="1.5rem"
class="ml-1 mr-5"
aria-hidden="true"
/>

View file

@ -37,7 +37,7 @@ defmodule Liliform.Page do
phx-click="filter"
phx-value-key={filter.key}
>
<span class="is-size-5">
<span class="">
<%= filter.title %>
</span>
</a>