watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 22:27:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Updated menus, chart tooltips, styles.

Browse source
This commit is contained in:
Mike Cao 2025-05-05 01:36:16 -07:00
parent 0a16ab38e4
commit 92b283486e
23 changed files with 179 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/app/share/[...shareId]/Footer.module.css
View file

@ -1,12 +0,0 @@
.footer {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
font-size: var(--font-size-sm);
height: 100px;
}
.footer a {
color: var(--font-color100);
}

10
src/app/share/[...shareId]/Footer.tsx
View file

@ -1,12 +1,12 @@
import { Row, Text } from '@umami/react-zen';
import { CURRENT_VERSION, HOMEPAGE_URL } from '@/lib/constants';
import styles from './Footer.module.css';
export function Footer() {
return (
<footer className={styles.footer}>
<a href={HOMEPAGE_URL}>
<b>umami</b> {`v${CURRENT_VERSION}`}
<Row as="footer">
<a href={HOMEPAGE_URL} target="_blank">
<Text weight="bold">umami</Text> {`v${CURRENT_VERSION}`}
</a>
</footer>
</Row>
);
}

31
src/app/share/[...shareId]/Header.module.css
View file

@ -1,31 +0,0 @@
.header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100px;
}
.title {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-size: var(--font-size-lg);
font-weight: 700;
color: var(--font-color100) !important;
}
.buttons {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 992px) {
.header .buttons {
flex: 1;
}
}

18
src/app/share/[...shareId]/Header.tsx
View file

@ -1,27 +1,25 @@
import { ThemeButton } from '@umami/react-zen';
import { Icon, Text } from '@umami/react-zen';
import { Row, Icon, Text, ThemeButton } from '@umami/react-zen';
import Link from 'next/link';
import { LanguageButton } from '@/components/input/LanguageButton';
import { SettingsButton } from '@/components/input/SettingsButton';
import { Icons } from '@/components/icons';
import styles from './Header.module.css';
export function Header() {
return (
<header className={styles.header}>
<div>
<Link href="https://umami.is" target="_blank" className={styles.title}>
<Row as="header">
<Row gap>
<Link href="https://umami.is" target="_blank">
<Icon size="lg">
<Icons.Logo />
</Icon>
<Text>umami</Text>
</Link>
</div>
<div className={styles.buttons}>
</Row>
<Row alignItems="center" gap>
<ThemeButton />
<LanguageButton />
<SettingsButton />
</div>
</header>
</Row>
</Row>
);
}

5
src/app/share/[...shareId]/SharePage.module.css
View file

@ -1,5 +0,0 @@
.container {
flex: 1;
min-height: calc(100vh - 200px);
min-height: calc(100dvh - 200px);
}

21
src/app/share/[...shareId]/SharePage.tsx
View file

@ -1,11 +1,10 @@
'use client';
import { WebsiteDetailsPage } from '../../(main)/websites/[websiteId]/WebsiteDetailsPage';
import { WebsiteProvider } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
import { WebsiteDetailsPage } from '@/app/(main)/websites/[websiteId]/WebsiteDetailsPage';
import { useShareTokenQuery } from '@/components/hooks';
import { Page } from '@/components/common/Page';
import { Header } from './Header';
import { Footer } from './Footer';
import styles from './SharePage.module.css';
import { WebsiteProvider } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
export function SharePage({ shareId }) {
const { shareToken, isLoading } = useShareTokenQuery(shareId);
@ -15,14 +14,12 @@ export function SharePage({ shareId }) {
}
return (
<div className={styles.container}>
<Page>
<Header />
<WebsiteProvider websiteId={shareToken.websiteId}>
<WebsiteDetailsPage websiteId={shareToken.websiteId} />
</WebsiteProvider>
<Footer />
</Page>
</div>
<Page>
<Header />
<WebsiteProvider websiteId={shareToken.websiteId}>
<WebsiteDetailsPage websiteId={shareToken.websiteId} />
</WebsiteProvider>
<Footer />
</Page>
);
}