Update header styles

sgobotta · Mar 21, 2024 · f090519 · f090519
1 parent 1b7b7e2
commit f090519
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/lib/ex_finance_web/components/custom_components/presence_disclaimer.ex b/lib/ex_finance_web/components/custom_components/presence_disclaimer.ex
@@ -16,7 +16,7 @@ defmodule ExFinanceWeb.CustomComponents.PresenceDisclaimer do
       <%= if connected?(@socket) do %>
         <div class="
           text-xs italic text-zinc-700 dark:text-zinc-200 cursor-default
-          rounded-b-3xl overflow-hidden shadow-2xl
+          rounded-b-xl overflow-hidden shadow-2xl
           border-r-[0.75px] border-b-[0.5px] border-l-[0.75px] border-zinc-300 dark:border-zinc-700 border-dotted
         ">
           <div class="backdrop-blur-md p-2">

diff --git a/lib/ex_finance_web/components/layouts/app.html.heex b/lib/ex_finance_web/components/layouts/app.html.heex
@@ -1,12 +1,13 @@
 <header class="sticky top-0 bg-gray-200/25 dark:bg-gray-800/25 z-50">
-  <div class="border-r-[1px] border-l-[1px] border-zinc-300 dark:border-zinc-600 border-dotted">
-    <div class="
+  <div>
+    <div class={"
       flex items-center justify-between
-      border-b border-zinc-300 dark:border-zinc-600
+      border-b border-zinc-300 dark:border-zinc-600 border-dotted
       px-1 sm:px-6 lg:px-8
       text-xs sm:text-sm
       backdrop-blur-lg
-    ">
+      #{if assigns[:show_presence], do: "", else: "rounded-b-xl"}
+    "}>
       <div class="flex items-center gap-4">
         <a href="/">
           <img src={~p"/images/logo.svg"} width="36" />