46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import Head from 'next/head';
|
|
import Script from 'next/script';
|
|
import { AppProps } from 'next/app'
|
|
import { setupIonicReact } from '@ionic/react';
|
|
|
|
import 'tailwindcss/tailwind.css';
|
|
/* Core CSS required for Ionic components to work properly */
|
|
import '@ionic/react/css/core.css';
|
|
|
|
/* Basic CSS for apps built with Ionic */
|
|
import '@ionic/react/css/normalize.css';
|
|
import '@ionic/react/css/structure.css';
|
|
import '@ionic/react/css/typography.css';
|
|
|
|
/* Optional CSS utils that can be commented out */
|
|
import '@ionic/react/css/padding.css';
|
|
import '@ionic/react/css/float-elements.css';
|
|
import '@ionic/react/css/text-alignment.css';
|
|
import '@ionic/react/css/text-transformation.css';
|
|
import '@ionic/react/css/flex-utils.css';
|
|
import '@ionic/react/css/display.css';
|
|
|
|
import '../styles/global.css';
|
|
import '../styles/variables.css';
|
|
|
|
function MyApp({ Component, pageProps }: AppProps) {
|
|
return (
|
|
<>
|
|
<Head>
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
|
|
></meta>
|
|
</Head>
|
|
<Component {...pageProps} />
|
|
<Script
|
|
type="module"
|
|
src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.esm.js"
|
|
></Script>
|
|
<Script noModule src="https://unpkg.com/ionicons@5.2.3/dist/ionicons/ionicons.js"></Script>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default MyApp;
|