Halaman utama Jelajahi Bantuan
Masuk
tati
/
kitchn
1
0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Jelajahi Sumber

More setup

Tatiana Inama 5 tahun lalu
induk
098e953ac6
melakukan
3262cc6802
6 mengubah file dengan 23 tambahan dan 15 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 1 1
      next-recipes/.eslintrc.js
  2. 6 6
      next-recipes/components/Layout/index.tsx
  3. 3 0
      next-recipes/components/Layout/layout.module.css
  4. 1 1
      next-recipes/components/RecipeItem/index.tsx
  5. 2 6
      next-recipes/pages/recipes.tsx
  6. 10 1
      next-recipes/styles/globals.css

+ 1 - 1
next-recipes/.eslintrc.js
Tampilan Berkas 

@@ -35,7 +35,7 @@ module.exports = {
 
         ],
 
         "quotes": [
 
             "error",
 
-            "double"
 
+            "single"
 
         ],
 
         "semi": [
 
             "error",

+ 6 - 6
next-recipes/components/Layout/index.tsx
Tampilan Berkas 

@@ -1,13 +1,13 @@
 
-import Head from "next/head";
 
-import React from "react";
 
+import Head from 'next/head';
 
+import styles from './layout.module.css';
 
 
-const Layout = ({ title = "Recipes", children }) => {
 
+const Layout = ({ title = 'Recipes', children }) => {
 
   return (
 
-    <div>
 
+    <div className={styles.layout}>
 
       <Head>
 
         <title>{title}</title>
 
-        <meta name="description" content="Recipes app" />
 
-        <link rel="icon" href="/favicon.ico" />
 
+        <meta name='description' content='Recipes app' />
 
+        <link rel='icon' href='/favicon.ico' />
 
       </Head>
 
       <main>{children}</main>
 
       <footer>✨</footer>

+ 3 - 0
next-recipes/components/Layout/layout.module.css
Tampilan Berkas 

@@ -0,0 +1,3 @@
 
+.layout {
 
+  @apply p-4;
 
+}

+ 1 - 1
next-recipes/components/RecipeItem/index.tsx
Tampilan Berkas 

@@ -1,5 +1,5 @@
 
 import { Recipe } from '@/types/recipes';
 
-import { FunctionComponent, FC } from 'react';
 
+import { FC } from 'react';
 
 import styles from './RecipeItem.module.css';
 
 
 type RecipeItemProps = {

+ 2 - 6
next-recipes/pages/recipes.tsx
Tampilan Berkas 

@@ -18,12 +18,8 @@ const Recipes = ({
 
 }: InferGetStaticPropsType<typeof getStaticProps>) => {
 
   return (
 
     <Layout>
 
-      <p>
 
-        No aliquip repudiare vis, consul deterruisset ne est, nec aliquid
 
-        mediocrem argumentum at. Nec malis saepe in. Legere nostrum eu eos, nam
 
-        ea facer diceret repudiare. Ad dicta omnes has. Ut tale brute vis, usu
 
-        ei solet dolores. Fuisset periculis in has.
 
-      </p>
 
+      <div>
 
+      </div>
 
       <h1>Recipes</h1>
 
       {recipeList.map((recipe, index) => (
 
         <RecipeItem recipe={recipe} key={index} />

+ 10 - 1
next-recipes/styles/globals.css
Tampilan Berkas 

@@ -1,22 +1,31 @@
 
+html,
 
+body {
 
+  @apply m-0;
 
+}
 
+
 
 @font-face {
 
   font-family: "Lekton";
 
   src: url("/fonts/Lekton-Regular.ttf") format("truetype");
 
 }
 
+
 
 @font-face {
 
   font-family: "Lekton";
 
   src: url("/fonts/Lekton-Bold.ttf") format("truetype");
 
   font-weight: 800;
 
 }
 
+
 
 @font-face {
 
   font-family: "Raleway";
 
   src: url("/fonts/Raleway-Regular.ttf") format("truetype");
 
   font-weight: 400;
 
 }
 
+
 
 @font-face {
 
   font-family: "Raleway";
 
   src: url("/fonts/Raleway-Medium.ttf") format("truetype");
 
   font-weight: 500;
 
 }
 
+
 
 @font-face {
 
   font-family: "Raleway";
 
   src: url("/fonts/Raleway-SemiBold.ttf") format("truetype");
 
@@ -53,4 +62,4 @@ h5 {
 
 h6 {
 
   @apply font-default font-semibold uppercase text-xl;
 
   letter-spacing: 0.75px;
 
-}
 
+}