graham/prop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Restyle submit page tabs as segmented control

Browse source
This commit is contained in:
Graham McIntire 2026-04-01 15:31:09 -05:00
parent 239bf707aa
commit 2b11b872d9
No known key found for this signature in database
GPG key ID: F4ABF488E6029E59
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
lib/microwaveprop_web/live/submit_live.ex
View file

@ -147,18 +147,22 @@ defmodule MicrowavepropWeb.SubmitLive do
</p> </p>
</div> </div>
<div role="tablist" class="tabs tabs-bordered mb-6"> <div class="flex gap-1 bg-base-200 rounded-lg p-1 mb-6 w-fit">
<button <button
role="tab" class={[
class={["tab", @active_tab == :single && "tab-active"]} "px-4 py-2 text-sm font-medium rounded-md transition-colors",
if(@active_tab == :single, do: "bg-primary text-primary-content", else: "hover:bg-base-300")
]}
phx-click="switch_tab" phx-click="switch_tab"
phx-value-tab="single" phx-value-tab="single"
> >
Single Contact Single Contact
</button> </button>
<button <button
role="tab" class={[
class={["tab", @active_tab == :csv && "tab-active"]} "px-4 py-2 text-sm font-medium rounded-md transition-colors",
if(@active_tab == :csv, do: "bg-primary text-primary-content", else: "hover:bg-base-300")
]}
phx-click="switch_tab" phx-click="switch_tab"
phx-value-tab="csv" phx-value-tab="csv"
> >