diff options
| -rw-r--r-- | packages/web-util/src/components/Header.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/web-util/src/components/Header.tsx b/packages/web-util/src/components/Header.tsx index 0ffc57417..b1a55fa47 100644 --- a/packages/web-util/src/components/Header.tsx +++ b/packages/web-util/src/components/Header.tsx @@ -3,7 +3,7 @@ import { LangSelector, useTranslationContext } from "../index.browser.js"; import { ComponentChildren, Fragment, VNode, h } from "preact"; import logo from "../assets/logo-2021.svg"; -export function Header({ title, iconLinkURL, sites, supportedLangs, onLogout, children }: +export function Header({ title, iconLinkURL, sites, supportedLangs, onLogout, children }: { title: string, iconLinkURL: string, children?: ComponentChildren, onLogout: (() => void) | undefined, sites: Array<Array<string>>, supportedLangs: string[] }): VNode { const { i18n } = useTranslationContext(); const [open, setOpen] = useState(false) @@ -25,7 +25,7 @@ export function Header({ title, iconLinkURL, sites, supportedLangs, onLogout, ch {title} </span> </div> - <div class="block flex-1 ml-6 "> + <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" --> */} @@ -116,7 +116,7 @@ export function Header({ title, iconLinkURL, sites, supportedLangs, onLogout, ch {children} {/* /CHILDREN */} {sites.length !== 0 && - <li class="sm:hidden"> + <li class="hidden sm:block"> <div class="text-xs font-semibold leading-6 text-gray-400"> <i18n.Translate>Sites</i18n.Translate> </div> |