besaid.zone / core
forked from tangled.org/core
Monorepo for Tangled
fork atom

appview/layouts/fragments: adjust dark mode css or topbar dropdown

besaid.zone d6efab60 a0a9d361

verified
options
unified split
Changed files
+6 -6
appview
pages
templates
layouts
fragments
topbar.html
input.css
+5 -5
appview/pages/templates/layouts/fragments/topbar.html
··· 55 class="rounded-full h-6 w-6 border border-gray-300 dark:border-gray-700" 56 /> 57 </button> 58 - <div popover="auto" id="navigation-popover" class="site-navigation-popover shadow-md border border-gray-100 rounded-sm p-2"> 59 <div class="flex gap-2 py-2"> 60 <img 61 src="{{ tinyAvatar $user }}" ··· 64 /> 65 <p>{{ $user | resolve | truncateAt30 }}</p> 66 </div> 67 - <hr class="h-1 w-full mb-1 mt-2" /> 68 <ul id="navigation-menu-popover"> 69 <li> 70 - <a href="/{{ $user }}"> 71 {{ i "user" "w-4 h-4" }} 72 <span>profile</span> 73 </a> ··· 90 <span>settings</span> 91 </a> 92 </li> 93 - <hr class="h-1 w-full mb-1 mt-2" /> 94 <li> 95 <a href="#" 96 hx-post="/logout" 97 hx-swap="none" 98 - class="text-red-600 flex gap-2 items-center hover:bg-red-50 hover:text-red-700 px-2 py-2 rounded-sm"> 99 {{ i "arrow-right-from-line" "w-4 h-4" }} 100 <span>logout</span> 101 </a>
··· 55 class="rounded-full h-6 w-6 border border-gray-300 dark:border-gray-700" 56 /> 57 </button> 58 + <div popover="auto" id="navigation-popover" class="site-navigation-popover shadow-md border border-gray-200 rounded p-2 bg-white dark:bg-gray-800 dark:text-white dark:border-gray-700"> 59 <div class="flex gap-2 py-2"> 60 <img 61 src="{{ tinyAvatar $user }}" ··· 64 /> 65 <p>{{ $user | resolve | truncateAt30 }}</p> 66 </div> 67 + <hr class="h-1 w-full mb-1 mt-2 dark:border-gray-700" /> 68 <ul id="navigation-menu-popover"> 69 <li> 70 + <a href="/{{ $user }}"> 71 {{ i "user" "w-4 h-4" }} 72 <span>profile</span> 73 </a> ··· 90 <span>settings</span> 91 </a> 92 </li> 93 + <hr class="h-1 w-full mb-1 mt-2 dark:border-gray-700" /> 94 <li> 95 <a href="#" 96 hx-post="/logout" 97 hx-swap="none" 98 + class="text-red-400 flex gap-2 items-center hover:bg-red-50 hover:text-red-700 px-2 py-2 rounded-sm dark:hover:bg-red-700 dark:hover:text-red-50"> 99 {{ i "arrow-right-from-line" "w-4 h-4" }} 100 <span>logout</span> 101 </a>
+1 -1
input.css
··· 90 } 91 92 #navigation-menu-popover li:not(:last-of-type) a { 93 - @apply flex gap-2 items-center px-2 pb-2 pt-1.5 rounded-sm hover:bg-green-50 hover:text-green-700 no-underline 94 } 95 96 a[hx-post="/logout"] {
··· 90 } 91 92 #navigation-menu-popover li:not(:last-of-type) a { 93 + @apply flex gap-2 items-center px-2 pb-2 pt-1.5 rounded-sm hover:bg-green-50 hover:text-green-700 no-underline dark:hover:text-green-50 dark:hover:bg-green-700; 94 } 95 96 a[hx-post="/logout"] {