diff --git a/web/app/globals.css b/web/app/globals.css index ba4fd6d0..17104313 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -212,12 +212,6 @@ button { transform: scale(1.045); } -.top-clock { - font-size: clamp(30px, 2.4vw, 46px); - font-weight: 350; - color: rgba(255, 255, 255, 0.86); -} - .content { min-height: 100vh; position: relative; @@ -1295,8 +1289,7 @@ input:focus { grid-template-columns: 76px 1fr auto; } - .profile-name, - .top-clock { + .profile-name { display: none; } @@ -3318,8 +3311,7 @@ select:focus { padding-inline: 14px; } - .profile-name-text, - .top-clock { + .profile-name-text { display: none; } @@ -5004,7 +4996,6 @@ button, .sidebar::after, .profile-name-text, - .top-clock, .nav-item span { display: none !important; } diff --git a/web/components/shell/TopNav.tsx b/web/components/shell/TopNav.tsx index c1c1472c..8aef0883 100644 --- a/web/components/shell/TopNav.tsx +++ b/web/components/shell/TopNav.tsx @@ -15,7 +15,6 @@ const nav = [ export function TopNav() { const { section, setSection, switchProfile, activeProfile, avatarImages, settings, closeDetails, selected } = useApp(); - const [clock, setClock] = useState(""); const [scrolled, setScrolled] = useState(false); useEffect(() => { @@ -25,18 +24,6 @@ export function TopNav() { return () => window.removeEventListener("scroll", onScroll); }, []); - useEffect(() => { - const updateClock = () => { - setClock(new Intl.DateTimeFormat([], { - hour: "2-digit", - minute: "2-digit", - hour12: settings.clockFormat === "12h" - }).format(new Date())); - }; - updateClock(); - const timer = window.setInterval(updateClock, 30_000); - return () => window.clearInterval(timer); - }, [settings.clockFormat]); return ( );