diff options
| author | Sebastian <sebasjm@gmail.com> | 2023-11-27 10:01:57 -0300 |
|---|---|---|
| committer | Sebastian <sebasjm@gmail.com> | 2023-11-27 10:02:24 -0300 |
| commit | 412a842bcf5d8584b755dcce64afebda44f7edae (patch) | |
| tree | 1ab20e02500364502bd14dcf074bafb0a499aa72 /packages/web-util/src | |
| parent | 123ae771613a3184ebdd395d4bea6a681844186a (diff) | |
hide when small
Diffstat (limited to 'packages/web-util/src')
| -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> |