mirror of
https://github.com/ente-io/ente.git
synced 2025-08-06 06:33:15 +00:00
Towards removing the global styles
This commit is contained in:
parent
cce6562a4d
commit
bfaae99aaf
@ -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 }) => {
|
||||
|
@ -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 }) => {
|
||||
|
@ -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 }) => {
|
||||
|
@ -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) {
|
||||
|
@ -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
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user