gavin/labelmaker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix preview background

Browse Source
This commit is contained in:
Gavin McDonald
2025-08-24 11:24:33 -04:00
parent a981cf98d7
commit e36720c011
3 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
lib/labelmaker_web/live/home.ex
View File

@@ -8,6 +8,10 @@ defmodule LabelmakerWeb.Home do
assigns = assigns =
Constants.defaults() Constants.defaults()
|> Map.merge(Constants.preview()) |> Map.merge(Constants.preview())
|> Map.put(
:preview_background,
Tools.process_preview_background(Constants.preview().preview_background)
)
|> Enum.to_list() |> Enum.to_list()
{ {
@@ -32,15 +36,7 @@ defmodule LabelmakerWeb.Home do
end end
def handle_event("update_preview", %{"bg" => bg}, socket) do def handle_event("update_preview", %{"bg" => bg}, socket) do
preview_background = {:noreply, assign(socket, :preview_background, Tools.process_preview_background(bg))}
case bg do
"r" -> "bg-[linear-gradient(to_right,_black_33%,_white_67%)]"
"b" -> "bg-[linear-gradient(to_bottom,_black_33%,_white_67%)]"
"c" -> ""
_ -> "bg-[linear-gradient(to_right,_black_33%,_white_67%)]"
end
{:noreply, assign(socket, :preview_background, preview_background)}
end end
def handle_event("update_alignment", %{"option" => option}, socket) do def handle_event("update_alignment", %{"option" => option}, socket) do

2
lib/labelmaker_web/live/home.html.heex
View File

@@ -7,7 +7,7 @@
<div <div
class={ class={
"flex justify-center items-center p-4 overflow-hidden whitespace-nowrap border rounded transition duration-300 #{@preview_background} #{if @label_too_long, do: "border-danger", else: "border-primary"} #{if @label_too_long, do: "outline-danger", else: @outline != "none" && "outline-#{@outline}"}"} "flex justify-center items-center p-4 overflow-hidden whitespace-nowrap border rounded transition duration-300 #{@preview_background} #{if @label_too_long, do: "border-danger", else: "border-primary"} #{if @label_too_long, do: "outline-danger", else: @outline != "none" && "outline-#{@outline}"}"}
style={"height: calc(2rem + #{@preview_height}px); color: #{if @label_too_long, do: "white", else: @color}; #{Tools.outline(@outline, @label_too_long)} font-family: #{@font}; font-size: #{@size}px; line-height: #{@size}px; background-color: #{if @preview_background == "c", do: @color, else: ""}"} style={"height: calc(2rem + #{@preview_height}px); color: #{if @label_too_long, do: "white", else: @color}; #{Tools.outline(@outline, @label_too_long)} font-family: #{@font}; font-size: #{@size}px; line-height: #{@size}px; background-color: #{if @preview_background == "", do: @color, else: ""}"}
> >
<%= if @label_too_long do %> <%= if @label_too_long do %>
{Constants.max_label_error()} {Constants.max_label_error()}

9
lib/labelmaker_web/tools.ex
View File

@@ -93,6 +93,15 @@ defmodule LabelmakerWeb.Tools do
~p"/#{label}?#{Map.take(parameters, [:align, :color, :font, :height, :outline, :width])}" ~p"/#{label}?#{Map.take(parameters, [:align, :color, :font, :height, :outline, :width])}"
end end
def process_preview_background(bg) do
case bg do
"r" -> "bg-[linear-gradient(to_right,_black_33%,_white_67%)]"
"b" -> "bg-[linear-gradient(to_bottom,_black_33%,_white_67%)]"
"c" -> ""
_ -> "bg-[linear-gradient(to_right,_black_33%,_white_67%)]"
end
end
defp process_width("", _parameters), do: "" defp process_width("", _parameters), do: ""
# defp process_width("", parameters) do # defp process_width("", parameters) do