From b5952f5bd873cb52f11eeb40aea2f09eae8b23c4 Mon Sep 17 00:00:00 2001 From: Victor Ortiz Date: Thu, 8 Aug 2024 19:38:23 +0200 Subject: [PATCH 01/13] Update scroll style --- assets/css/app.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/assets/css/app.css b/assets/css/app.css index 71a77f0..105cc98 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -2,3 +2,13 @@ @import "tailwindcss/components"; @import "tailwindcss/utilities"; +::-webkit-scrollbar { + height: 6px; + width: 6px; + @apply bg-zinc-300; +} + +::-webkit-scrollbar-thumb { + @apply bg-zinc-500; + border-radius: 4px; +} From 9b2c32841b89969fe7830e57e8d3385d1b1bb655 Mon Sep 17 00:00:00 2001 From: Victor Ortiz Date: Thu, 8 Aug 2024 19:40:30 +0200 Subject: [PATCH 02/13] Update general styles and improve contrast --- .../web/components/core_components.ex | 22 ++++++++++------ .../web/components/layouts/navbar.ex | 8 +++--- .../web/components/layouts/root.html.heex | 2 +- .../web/live/dashboard.html.heex | 25 ++++++++++++------- lib/error_tracker/web/live/show.html.heex | 16 ++++++------ 5 files changed, 43 insertions(+), 30 deletions(-) diff --git a/lib/error_tracker/web/components/core_components.ex b/lib/error_tracker/web/components/core_components.ex index 4f7e004..32ada91 100644 --- a/lib/error_tracker/web/components/core_components.ex +++ b/lib/error_tracker/web/components/core_components.ex @@ -21,7 +21,7 @@ defmodule ErrorTracker.Web.CoreComponents do <.link class={[ "phx-submit-loading:opacity-75 rounded-lg bg-zinc-600 hover:bg-zinc-400 py-[11.5px] px-3", - "text-sm font-semibold leading-6 text-white active:text-white/80", + "text-sm font-semibold text-white active:text-white/80", @class ]} {@rest} @@ -64,9 +64,9 @@ defmodule ErrorTracker.Web.CoreComponents do color_class = case assigns.color do :blue -> "bg-blue-900 text-blue-300" - :gray -> "bg-gray-700 text-gray-300" - :red -> "bg-red-900 text-red-300" - :green -> "bg-green-900 text-green-300" + :gray -> "bg-zinc-700 text-zinc-300" + :red -> "bg-red-400/10 text-red-300 ring-red-400/20" + :green -> "bg-emerald-400/10 text-emerald-300 ring-emerald-400/20" :yellow -> "bg-yellow-900 text-yellow-300" :indigo -> "bg-indigo-900 text-indigo-300" :purple -> "bg-purple-900 text-purple-300" @@ -76,7 +76,10 @@ defmodule ErrorTracker.Web.CoreComponents do assigns = Map.put(assigns, :color_class, color_class) ~H""" - + <%= render_slot(@inner_block) %> """ @@ -92,14 +95,14 @@ defmodule ErrorTracker.Web.CoreComponents do
@@ -56,7 +56,7 @@ defmodule ErrorTracker.Web.Layouts.Navbar do
  • <%= render_slot(@inner_block) %> diff --git a/lib/error_tracker/web/components/layouts/root.html.heex b/lib/error_tracker/web/components/layouts/root.html.heex index 439fc12..7a6f771 100644 --- a/lib/error_tracker/web/components/layouts/root.html.heex +++ b/lib/error_tracker/web/components/layouts/root.html.heex @@ -18,7 +18,7 @@ - + <%= @inner_content %> diff --git a/lib/error_tracker/web/live/dashboard.html.heex b/lib/error_tracker/web/live/dashboard.html.heex index 45cd65d..8592aa1 100644 --- a/lib/error_tracker/web/live/dashboard.html.heex +++ b/lib/error_tracker/web/live/dashboard.html.heex @@ -9,6 +9,7 @@ value={@search_form[:reason].value} type="text" placeholder="Error" + class="bg-zinc-100 rounded-lg text-zinc-900" phx-debounce /> -