Add font
Some checks failed
continuous-integration/drone/push Build is failing

This commit is contained in:
Kasper Juul Hermansen 2022-04-25 22:51:45 +02:00
parent 28069a92f1
commit 6928ca2a88
Signed by: kjuulh
GPG Key ID: 0F95C140730F2F23
4 changed files with 27 additions and 4 deletions

View File

@ -25,7 +25,7 @@ const CreateWish: FC<CreateWishProps> = (props) => {
} }
value={props.wish.name} value={props.wish.name}
/> />
<div className={props.hasFocus ? 'block' : 'hidden'}> <div className={`${props.hasFocus ? 'block' : 'hidden'}`}>
<InnerWishPrompt wish={props.wish} onChange={props.onSubmit} /> <InnerWishPrompt wish={props.wish} onChange={props.onSubmit} />
</div> </div>
</div> </div>

View File

@ -9,7 +9,7 @@ const HomeLayout: FC<HomeLayoutProps> = (props) => {
return ( return (
<div className="bg-pink-50 min-h-screen"> <div className="bg-pink-50 min-h-screen">
<div className={styles.root + ' space-x-6 pt-14'}> <div className={styles.root + ' space-x-6 pt-14'}>
<h1 className="text-2xl space-x-2"> <h1 className="text-2xl space-x-2 transition-all">
<span>Wishes</span> <span>Wishes</span>
<span>/</span> <span>/</span>
<span>{props.page}</span> <span>{props.page}</span>

View File

@ -1,8 +1,27 @@
import '../styles/globals.css' import '../styles/globals.css'
import type { AppProps } from 'next/app' import type { AppProps } from 'next/app'
import Head from 'next/head'
function MyApp({ Component, pageProps }: AppProps) { function MyApp({ Component, pageProps }: AppProps) {
return <Component {...pageProps} /> return (
<>
<Head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossOrigin={''}
/>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<title>Wishes</title>
</Head>
<Component {...pageProps} />
</>
)
} }
export default MyApp export default MyApp

View File

@ -4,7 +4,11 @@ module.exports = {
'./components/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}',
], ],
theme: { theme: {
extend: {}, extend: {
fontFamily: {
sans: ['"Dancing Script"', 'cursive'],
},
},
}, },
plugins: [], plugins: [],
} }