diff --git a/web/apps/accounts/public/images/ente.svg b/web/apps/accounts/public/images/ente.svg deleted file mode 100644 index 33bd742568..0000000000 --- a/web/apps/accounts/public/images/ente.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/web/apps/auth/public/images/ente.svg b/web/apps/auth/public/images/ente.svg deleted file mode 100644 index 33bd742568..0000000000 --- a/web/apps/auth/public/images/ente.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/web/apps/cast/public/images/ente.svg b/web/apps/cast/public/images/ente.svg deleted file mode 100644 index 33bd742568..0000000000 --- a/web/apps/cast/public/images/ente.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/web/apps/photos/public/images/ente.svg b/web/apps/photos/public/images/ente.svg deleted file mode 100644 index 33bd742568..0000000000 --- a/web/apps/photos/public/images/ente.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/web/packages/base/components/EnteLogo.tsx b/web/packages/base/components/EnteLogo.tsx index fa2427f3d6..05be92cad6 100644 --- a/web/packages/base/components/EnteLogo.tsx +++ b/web/packages/base/components/EnteLogo.tsx @@ -1,4 +1,3 @@ -import { styled } from "@mui/material"; import React from "react"; interface EnteLogoProps { @@ -11,43 +10,16 @@ interface EnteLogoProps { } /** - * The Ente logo ("ente" in Montserrat). - * - * **This relies on the presence of images/ente.svg in the public folder.** - * - * This is meant as a standard img element that can be used in places where we - * need to show the Ente branding. The img is backed by an an SVG. - * - * @see {@link EnteLogoSvg} for a variant but visually similar component that - * uses an inline svg instead. - * - * The img has a default height of 18px, but can be customized using the - * {@link height} prop. - * - * The img also has a 3px vertical margin on both sides. - */ -export const EnteLogo: React.FC = ({ height }) => ( - -); - -const LogoImage = styled("img")` - margin: 3px 0; - vertical-align: middle; -`; - -/** - * The Ente logo ("ente" in Montserrat), as an inline svg. + * The Ente logo ("ente" in Montserrat), as an inline SVG. * * Having it as an inline SVG has two advantages: * * - It does not rely on a corresponding asset in the public folder * - It can be styled using CSS. * - * The default height of the SVG element is 18px, same as the {@link EnteLogo} - * img (Unlike the img, it does not have any extra margin). - * - * The size can be customized by providing a {@link height} prop (the SVG will - * preserve its aspect ratio when fitting inside the provided viewport). + * The default height of the SVG element is 18px. The size can be customized by + * providing a {@link height} prop: the SVG will preserve its aspect ratio when + * fitting inside the provided viewport. */ export const EnteLogoSVG: React.FC = ({ height }) => (