alex/elixirAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

seafoam color migration started
Some checks failed
CI/CD Pipeline / build (push) Failing after 4s
Details

Browse Source
This commit is contained in:
Alex Mickelson
2026-03-23 16:38:51 -06:00
parent 10d6583a67
commit c0b1e408bf
14 changed files with 309 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
lib/elixir_ai_web/home/ai_providers_live.ex
View File

@@ -27,11 +27,11 @@ defmodule ElixirAiWeb.AiProvidersLive do
~H"""
<div>
<div class="flex items-center justify-between mb-8">
<h1 class="text-lg font-semibold text-cyan-300">AI Providers</h1>
<h1 class="text-lg font-semibold text-seafoam-300">AI Providers</h1>
<button
phx-click="toggle_form"
phx-target={@myself}
class="px-3 py-1 rounded text-sm border border-cyan-900/40 bg-cyan-950/20 text-cyan-300 hover:border-cyan-700 hover:bg-cyan-950/40 transition-colors"
class="px-3 py-1 rounded text-sm border border-seafoam-900/40 bg-seafoam-950/20 text-seafoam-300 hover:border-seafoam-700 hover:bg-seafoam-950/40 transition-colors"
>
{if @show_form, do: "Cancel", else: "Add Provider"}
</button>
@@ -41,7 +41,7 @@ defmodule ElixirAiWeb.AiProvidersLive do
<form
phx-submit="create_provider"
phx-target={@myself}
class="mb-8 space-y-2 p-4 rounded-lg border border-cyan-900/40 bg-cyan-950/10"
class="mb-8 space-y-2 p-4 rounded-lg border border-seafoam-900/40 bg-seafoam-950/10"
>
<.input type="text" name="name" value={@form_data["name"]} label="Provider Name" />
<.input type="text" name="model_name" value={@form_data["model_name"]} label="Model Name" />
@@ -54,7 +54,7 @@ defmodule ElixirAiWeb.AiProvidersLive do
/>
<button
type="submit"
class="w-full px-4 py-2 rounded text-sm border border-cyan-900/40 bg-cyan-950/20 text-cyan-300 hover:border-cyan-700 hover:bg-cyan-950/40 transition-colors"
class="w-full px-4 py-2 rounded text-sm border border-seafoam-900/40 bg-seafoam-950/20 text-seafoam-300 hover:border-seafoam-700 hover:bg-seafoam-950/40 transition-colors"
>
Create Provider
</button>r
@@ -67,14 +67,14 @@ defmodule ElixirAiWeb.AiProvidersLive do
<ul class="space-y-2">
<%= if @providers == [] do %>
<li class="text-sm text-cyan-700">No providers configured yet.</li>
<li class="text-sm text-seafoam-700">No providers configured yet.</li>
<% end %>
<%= for provider <- @providers do %>
<li class="p-4 rounded-lg border border-cyan-900/40 bg-cyan-950/20">
<li class="p-4 rounded-lg border border-seafoam-900/40 bg-seafoam-950/20">
<div class="flex items-start justify-between">
<div class="flex-1">
<h3 class="text-sm font-medium text-cyan-300">{provider.name}</h3>
<p class="text-xs text-cyan-500 mt-1">Model: {provider.model_name}</p>
<h3 class="text-sm font-medium text-seafoam-300">{provider.name}</h3>
<p class="text-xs text-seafoam-500 mt-1">Model: {provider.model_name}</p>
</div>
<button
phx-click="delete_provider"
@@ -91,15 +91,15 @@ defmodule ElixirAiWeb.AiProvidersLive do
<%= if @confirm_delete_id do %>
<.modal>
<h2 class="text-sm font-semibold text-cyan-300 mb-2">Delete Provider</h2>
<p class="text-sm text-cyan-500 mb-6">
<h2 class="text-sm font-semibold text-seafoam-300 mb-2">Delete Provider</h2>
<p class="text-sm text-seafoam-500 mb-6">
Are you sure you want to delete this provider? This action cannot be undone.
</p>
<div class="flex gap-3 justify-end">
<button
phx-click="cancel_delete"
phx-target={@myself}
class="px-4 py-2 rounded text-sm border border-cyan-900/40 bg-cyan-950/20 text-cyan-300 hover:border-cyan-700 hover:bg-cyan-950/40 transition-colors"
class="px-4 py-2 rounded text-sm border border-seafoam-900/40 bg-seafoam-950/20 text-seafoam-300 hover:border-seafoam-700 hover:bg-seafoam-950/40 transition-colors"
>
Cancel
</button>

10
lib/elixir_ai_web/home/home_live.ex
View File

@@ -24,7 +24,7 @@ defmodule ElixirAiWeb.HomeLive do
~H"""
<div class="max-w-lg mx-auto mt-16 px-4 space-y-16">
<div>
<h1 class="text-lg font-semibold text-cyan-300 mb-8">Conversations</h1>
<h1 class="text-lg font-semibold text-seafoam-300 mb-8">Conversations</h1>
<.conversation_list conversations={@conversations} />
@@ -50,13 +50,13 @@ defmodule ElixirAiWeb.HomeLive do
~H"""
<ul class="mb-8 space-y-2">
<%= if @conversations == [] do %>
<li class="text-sm text-cyan-700">No conversations yet.</li>
<li class="text-sm text-seafoam-700">No conversations yet.</li>
<% end %>
<%= for name <- @conversations do %>
<li>
<.link
navigate={~p"/chat/#{name}"}
class="block px-4 py-2 rounded-lg border border-cyan-900/40 bg-cyan-950/20 text-cyan-300 hover:border-cyan-700 hover:bg-cyan-950/40 transition-colors text-sm"
class="block px-4 py-2 rounded-lg border border-seafoam-900/40 bg-seafoam-950/20 text-seafoam-300 hover:border-seafoam-700 hover:bg-seafoam-950/40 transition-colors text-sm"
>
{name}
</.link>
@@ -72,7 +72,7 @@ defmodule ElixirAiWeb.HomeLive do
<.input type="text" name="name" value={@new_name} label="Conversation Name" />
<select
name="ai_provider_id"
class="w-full rounded px-3 py-2 text-sm bg-cyan-950/20 border border-cyan-900/40 text-cyan-100 focus:outline-none focus:ring-1 focus:ring-cyan-700"
class="w-full rounded px-3 py-2 text-sm bg-seafoam-950/20 border border-seafoam-900/40 text-seafoam-100 focus:outline-none focus:ring-1 focus:ring-seafoam-700"
>
<%= for {provider, index} <- Enum.with_index(@ai_providers) do %>
<option value={provider.id} selected={index == 0}>
@@ -82,7 +82,7 @@ defmodule ElixirAiWeb.HomeLive do
</select>
<button
type="submit"
class="w-full px-4 py-2 rounded text-sm border border-cyan-900/40 bg-cyan-950/20 text-cyan-300 hover:border-cyan-700 hover:bg-cyan-950/40 transition-colors"
class="w-full px-4 py-2 rounded text-sm border border-seafoam-900/40 bg-seafoam-950/20 text-seafoam-300 hover:border-seafoam-700 hover:bg-seafoam-950/40 transition-colors"
>
Create
</button>