taler-typescript-core

commit 648aa570bb47c9eaa6bef3071a44e2c031149f2e
parent af291a8e92f7970bfef042949ed6f53f3c817d45
Author: Sebastian <sebasjm@gmail.com>
Date:   Tue, 25 Nov 2025 08:44:43 -0300

fix lang selector placement

Diffstat:
M
packages/web-util/src/components/Header.tsx
 | 
8
++------
M
packages/web-util/src/components/LangSelector.tsx
 | 
14
+++++---------

2 files changed, 7 insertions(+), 15 deletions(-)
diff --git a/packages/web-util/src/components/Header.tsx b/packages/web-util/src/components/Header.tsx
@@ -29,7 +29,6 @@ export function Header({
   const { i18n } = useTranslationContext();
   const [open, setOpen] = useState(false);
   const ns = useNotifications();
-  // 
   return (
     <Fragment>
       <header class="bg-primary w-full mx-auto px-2 border-b border-opacity-25 border-indigo-400">
@@ -37,11 +36,7 @@ export function Header({
           <div class="flex px-2 justify-start">
             <div class="flex-shrink-0 rounded-lg">
               <a href={iconLinkURL ?? "#"} name="logo">
-                <img
-                  class="h-8 w-auto m-1"
-                  src={logo}
-                  alt="GNU Taler"
-                />
+                <img class="h-8 w-auto m-1" src={logo} alt="GNU Taler" />
               </a>
             </div>
             <span class="flex items-center text-white text-lg font-bold ml-4">
@@ -139,6 +134,7 @@ export function Header({
               </a>
             )}
             <LangSelector type="icon" />
+
             <button
               type="button"
               name="toggle sidebar"
diff --git a/packages/web-util/src/components/LangSelector.tsx b/packages/web-util/src/components/LangSelector.tsx
@@ -70,7 +70,7 @@ export function LangSelector({
     };
   }, []);
   return (
-    <Fragment>
+    <div class="m-2 block">
       {(function () {
         switch (type) {
           case "select": {
@@ -137,9 +137,9 @@ export function LangSelector({
 
       {!hidden && (
         <ul
-          class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
-          // style={type === "icon" ? { right: 0, width: 200 } : {}}
+          class="absolute m-0 max-h-60 overflow-auto rounded-md bg-white py-1 text-base text-left shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           tabIndex={-1}
+          style={type === "icon" ? {marginLeft: -110} : {}}
           role="listbox"
           aria-labelledby="listbox-label"
           aria-activedescendant="listbox-option-3"
@@ -169,7 +169,7 @@ export function LangSelector({
             .filter((l) => l !== lang)
             .map((lang) => (
               <li
-                class="text-gray-900 hover:bg-primary hover:text-white cursor-pointer relative select-none py-2 pl-3 pr-9"
+                class="text-gray-900 hover:bg-primary hover:bg-gray-300 cursor-pointer relative select-none py-2 pl-3 pr-9"
                 role="option"
                 onClick={() => {
                   changeLanguage(lang);
@@ -190,10 +190,6 @@ export function LangSelector({
             ))}
         </ul>
       )}
-      {/* <div>
-        <div class="relative mt-2">
-        </div>
-    </div> */}
-    </Fragment>
+    </div>
   );
 }