schuwi/component-system
2
1
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(elixir): proper dark/light mode support

Browse Source
This commit is contained in:
Schuwi
2025-09-14 22:50:44 +02:00
parent 280caad641
commit ae861f32a1
6 changed files with 237 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/components_elixir_web/live/login_live.ex
View File

@@ -38,13 +38,13 @@ defmodule ComponentsElixirWeb.LoginLive do
@impl true
def render(assigns) do
~H"""
<div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
<div class="min-h-screen flex items-center justify-center bg-base-200 py-12 px-4 sm:px-6 lg:px-8">
<div class="max-w-md w-full space-y-8">
<div>
<h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
<h2 class="mt-6 text-center text-3xl font-extrabold text-base-content">
Components Inventory
</h2>
<p class="mt-2 text-center text-sm text-gray-600">
<p class="mt-2 text-center text-sm text-base-content/70">
Please enter your password to continue
</p>
</div>
@@ -57,7 +57,7 @@ defmodule ComponentsElixirWeb.LoginLive do
name="password"
type="password"
required
class="appearance-none rounded-md relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
class="appearance-none rounded-md relative block w-full px-3 py-2 border border-base-300 placeholder-base-content/50 text-base-content bg-base-100 focus:outline-none focus:ring-primary focus:border-primary focus:z-10 sm:text-sm"
placeholder="Password"
autocomplete="current-password"
value={@form[:password].value}