Improve styling

ComponentsGuide · Dec 13, 2023 · 2320dc9 · 2320dc9
1 parent e795624
commit 2320dc9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/lib/components_guide_web/components/browser_compat_components.ex b/lib/components_guide_web/components/browser_compat_components.ex
@@ -136,7 +136,7 @@ defmodule ComponentsGuideWeb.BrowserCompatComponents do
           <input
             type="search"
             placeholder="Filter"
-            class="bg-black text-white border-0 px-4 font-mono"
+            class="bg-white/5 text-white border-0 border-b border-b-white/10 px-4 font-mono h-12"
             id={@id <> "-search"}
           />
           <phx-current-page class="contents">
@@ -326,7 +326,7 @@ defmodule ComponentsGuideWeb.BrowserCompatComponents do
     ~H"""
     <table class="w-full table-auto sticky top-0">
       <thead class="border-b border-b-white/5">
-        <tr class="text-left">
+        <tr class="text-left h-12">
           <th class="pl-6">Name</th>
           <th>Android Chrome</th>
           <th>iOS Safari</th>

diff --git a/lib/components_guide_web/live/browser_compat.ex b/lib/components_guide_web/live/browser_compat.ex
@@ -1,7 +1,7 @@
 defmodule ComponentsGuideWeb.BrowserCompatLive do
   use ComponentsGuideWeb,
       {:live_view,
-       container: {:div, class: "max-w-7xl mt-8 mx-auto prose md:prose-xl prose-invert pb-24"}}
+       container: {:div, class: "max-w-7xl mt-8 mx-auto prose lg:prose-xl prose-invert pb-24"}}
 
   alias ComponentsGuide.Fetch
   alias ComponentsGuideWeb.BrowserCompatComponents, as: Components