Towards removing the global styles

This commit is contained in:
Manav Rathi 2025-01-10 07:24:19 +05:30
parent cce6562a4d
commit bfaae99aaf
No known key found for this signature in database
5 changed files with 6 additions and 6 deletions

View File

@ -8,6 +8,7 @@ import { useSetupI18n } from "@/base/components/utils/hooks-i18n";
import { getTheme, THEME_COLOR } from "@/base/components/utils/theme";
import { disableDiskLogs } from "@/base/log";
import { logUnhandledErrorsAndRejections } from "@/base/log-web";
import "@fontsource-variable/inter";
import { CssBaseline } from "@mui/material";
import { ThemeProvider } from "@mui/material/styles";
import { t } from "i18next";
@ -15,7 +16,6 @@ import type { AppProps } from "next/app";
import React, { useEffect, useMemo, useState } from "react";
import { AppContext } from "../types/context";
import "@fontsource-variable/inter";
import "styles/global.css";
const App: React.FC<AppProps> = ({ Component, pageProps }) => {

View File

@ -19,6 +19,7 @@ import {
migrateKVToken,
} from "@ente/shared/storage/localStorage";
import type { User } from "@ente/shared/user/types";
import "@fontsource-variable/inter";
import { CssBaseline } from "@mui/material";
import { ThemeProvider } from "@mui/material/styles";
import { t } from "i18next";
@ -27,7 +28,6 @@ import { useRouter } from "next/router";
import React, { useCallback, useEffect, useMemo, useState } from "react";
import { AppContext } from "types/context";
import "@fontsource-variable/inter";
import "styles/global.css";
const App: React.FC<AppProps> = ({ Component, pageProps }) => {

View File

@ -3,11 +3,11 @@ import { CustomHead } from "@/base/components/Head";
import { getTheme, THEME_COLOR } from "@/base/components/utils/theme";
import { disableDiskLogs } from "@/base/log";
import { logUnhandledErrorsAndRejections } from "@/base/log-web";
import "@fontsource-variable/inter";
import { CssBaseline, ThemeProvider } from "@mui/material";
import type { AppProps } from "next/app";
import React, { useEffect } from "react";
import "@fontsource-variable/inter";
import "styles/global.css";
const App: React.FC<AppProps> = ({ Component, pageProps }) => {

View File

@ -34,6 +34,7 @@ import {
migrateKVToken,
} from "@ente/shared/storage/localStorage";
import type { User } from "@ente/shared/user/types";
import "@fontsource-variable/inter";
import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
import { CssBaseline, styled } from "@mui/material";
import { ThemeProvider } from "@mui/material/styles";
@ -48,7 +49,6 @@ import { resumeExportsIfNeeded } from "services/export";
import { photosLogout } from "services/logout";
import { NotificationAttributes } from "types/Notification";
import "@fontsource-variable/inter"; /* Inter Variable, supports weights 100-900 */
import "styles/global.css";
export default function App({ Component, pageProps }: AppProps) {

View File

@ -144,8 +144,8 @@ For more details, see [translations.md](translations.md).
### Font
The app uses Inter as its primary font, via
[@fontsource-variable/inter](https://fontsource.org/fonts/inter/install).
Inter Variable (with support for weights 100 - 90) is used as the primary font,
via [@fontsource-variable/inter](https://fontsource.org/fonts/inter/install).
### UI components