This commit is contained in:
parent
28069a92f1
commit
6928ca2a88
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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
|
||||||
|
@ -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: [],
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user