From df7ffefdf8a41ab6df8c84c1a92bf0982cc0c8d7 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Wed, 5 Feb 2025 12:27:26 +0530
Subject: [PATCH] 30px is from the example gist

https://www.electronjs.org/docs/latest/tutorial/custom-title-bar#create-a-custom-title-bar
---
 web/apps/photos/src/pages/_app.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/apps/photos/src/pages/_app.tsx b/web/apps/photos/src/pages/_app.tsx
index 65698704e4..f136069827 100644
--- a/web/apps/photos/src/pages/_app.tsx
+++ b/web/apps/photos/src/pages/_app.tsx
@@ -40,7 +40,7 @@ import type { User } from "@ente/shared/user/types";
 import "@fontsource-variable/inter";
 import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
 import { CssBaseline } from "@mui/material";
-import { ThemeProvider } from "@mui/material/styles";
+import { styled, ThemeProvider } from "@mui/material/styles";
 import { useNotification } from "components/utils/hooks-app";
 import { t } from "i18next";
 import type { AppProps } from "next/app";
@@ -186,6 +186,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => {
 
                 <Notification {...notificationProps} />
 
+                {isDesktop && <WindowTitlebar />}
                 <AppContext.Provider value={appContext}>
                     {!isI18nReady ? (
                         <LoadingOverlay />
@@ -203,6 +204,12 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => {
 
 export default App;
 
+const WindowTitlebar = styled("div")`
+    width: 100%;
+    min-height: 30px;
+    display: flex;
+`;
+
 const redirectToFamilyPortal = () =>
     void getFamilyPortalRedirectURL().then((url) => {
         window.location.href = url;