[taler-wallet-core] branch master updated: fix: hide and show based on size

[gnunet]

This is an automated email from the git hooks/post-receive script.

sebasjm pushed a commit to branch master
in repository wallet-core.

The following commit(s) were added to refs/heads/master by this push:
     new 94d741f3c fix: hide and show based on size
94d741f3c is described below

commit 94d741f3c86f6304771366a7ebe36bd4bb856093
Author: Sebastian <sebasjm@gmail.com>
AuthorDate: Mon Nov 27 14:55:40 2023 -0300

    fix: hide and show based on size
---
 packages/web-util/src/components/Header.tsx | 51 +++++++++++++----------------
 1 file changed, 23 insertions(+), 28 deletions(-)

diff --git a/packages/web-util/src/components/Header.tsx 
b/packages/web-util/src/components/Header.tsx
index b1a55fa47..a0587b2ae 100644
--- a/packages/web-util/src/components/Header.tsx
+++ b/packages/web-util/src/components/Header.tsx
@@ -25,17 +25,14 @@ export function Header({ title, iconLinkURL, sites, 
supportedLangs, onLogout, ch
             {title}
           </span>
         </div>
-        <div class="block flex-1 ml-6 sm:hidden">
-          {sites.length !== 0 &&
-            <div class="flex flex-1 space-x-4">
-              {/* <!-- Current: "bg-indigo-700 text-white", Default: 
"text-white hover:bg-indigo-500 hover:bg-opacity-75" --> */}
-              {sites.map((site) => {
-                if (site.length !== 2) return;
-                const [name, url] = site
-                return <a href={url} class="text-white hover:bg-indigo-500 
hover:bg-opacity-75 rounded-md py-2 px-3 text-sm font-medium">{name}</a>
-              })}
-            </div>
-          }
+        <div class="flex-1 ml-6 ">
+          <div class="flex flex-1 space-x-4">
+            {sites.map((site) => {
+              if (site.length !== 2) return;
+              const [name, url] = site
+              return <a href={url} class="hidden sm:block text-white 
hover:bg-indigo-500 hover:bg-opacity-75 rounded-md py-2 px-3 text-sm 
font-medium">{name}</a>
+            })}
+          </div>
         </div>
         <div class="flex justify-end">
           <button type="button" class="relative inline-flex items-center 
justify-center rounded-md bg-indigo-600 p-1 text-indigo-200 hover:bg-indigo-500 
hover:bg-opacity-75 hover:text-white focus:outline-none focus:ring-2 
focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-600" 
aria-controls="mobile-menu" aria-expanded="false"
@@ -115,23 +112,21 @@ export function Header({ title, iconLinkURL, sites, 
supportedLangs, onLogout, ch
                         {/* CHILDREN */}
                         {children}
                         {/* /CHILDREN */}
-                        {sites.length !== 0 &&
-                          <li class="hidden sm:block">
-                            <div class="text-xs font-semibold leading-6 
text-gray-400">
-                              <i18n.Translate>Sites</i18n.Translate>
-                            </div>
-                            <ul role="list" class="space-y-1">
-                              {sites.map(([name, url]) => {
-                                return <li>
-                                  <a href={url} target="_blank" rel="noopener 
noreferrer" class="text-gray-700 hover:text-indigo-600 hover:bg-gray-100 group 
flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold">
-                                    <span class="flex h-6 w-6 shrink-0 
items-center justify-center rounded-lg border text-[0.625rem] font-medium 
bg-white text-gray-400 border-gray-200 group-hover:border-indigo-600 
group-hover:text-indigo-600">&gt;</span>
-                                    <span class="truncate">{name}</span>
-                                  </a>
-                                </li>
-                              })}
-                            </ul>
-                          </li>
-                        }
+                        <li class="block sm:hidden">
+                          <div class="text-xs font-semibold leading-6 
text-gray-400">
+                            <i18n.Translate>Sites</i18n.Translate>
+                          </div>
+                          <ul role="list" class="space-y-1">
+                            {sites.map(([name, url]) => {
+                              return <li>
+                                <a href={url} target="_blank" rel="noopener 
noreferrer" class="text-gray-700 hover:text-indigo-600 hover:bg-gray-100 group 
flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold">
+                                  <span class="flex h-6 w-6 shrink-0 
items-center justify-center rounded-lg border text-[0.625rem] font-medium 
bg-white text-gray-400 border-gray-200 group-hover:border-indigo-600 
group-hover:text-indigo-600">&gt;</span>
+                                  <span class="truncate">{name}</span>
+                                </a>
+                              </li>
+                            })}
+                          </ul>
+                        </li>
                       </ul>
                     </nav>
                   </div>

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.