Jason/safaribook-aspnet-core5-and-react
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Chap04 -> Styling components with Emotion -> Styling the App component -> style css prop use tagged template literal

Browse Source
This commit is contained in:
Jason Zhu 2022-03-28 17:56:13 +11:00
parent 05f529d84e
commit b7f435a986
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
QandA/frontend/src/App.module.css
View File

@ -1,5 +0,0 @@
.container {
font-family: 'Segoe UI', 'Helvetica', sans-serif;
font-size: 16px;
color: #5c5a5a;
}

12
QandA/frontend/src/App.tsx
View File

@ -1,11 +1,19 @@
/** @jsxImportSource @emotion/react */
import { css } from '@emotion/react';
import React from 'react'; import React from 'react';
import { Header } from './Header'; import { Header } from './Header';
import style from './App.module.css';
import { HomePage } from './HomePage'; import { HomePage } from './HomePage';
function App() { function App() {
return ( return (
<div className={style.container}> <div
css={css`
font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
font-size: 16px;
color: #5c5a5a;
`}
>
<Header /> <Header />
<HomePage /> <HomePage />
</div> </div>