bubble/blog-example
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/blog-example.git synced 2026-10-11 10:19:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

uikit

Browse Source
This commit is contained in:
Sergey Yarkov 2020-02-29 13:44:16 +03:00
parent 48c8d5d82b
commit f07efd2dfc
6 changed files with 17 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/components/Layout.js
View File

@ -6,17 +6,9 @@ const Layout = props => {
<> <>
<Head> <Head>
<title>{props.titlePage}</title> <title>{props.titlePage}</title>
<link <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Staatliches" />
rel="stylesheet" <link rel="stylesheet" href="/static/css/uikit.min.css" />
href="https://fonts.googleapis.com/css?family=Staatliches" <script src="/static/js/uikit.min.js" />
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/uikit@3.2.3/dist/css/uikit.min.css"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.2.0/js/uikit.min.js" />
<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.3/dist/js/uikit-icons.min.js" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.2.0/js/uikit.js" />
</Head> </Head>
<Nav /> <Nav />
{props.children} {props.children}

5
frontend/next.config.js
View File

@ -4,8 +4,5 @@ const withCSS = require('@zeit/next-css')
module.exports = withCSS({ module.exports = withCSS({
env: { env: {
API_URL: process.env.API_URL API_URL: process.env.API_URL
}, }
devIndicators: {
autoPrerender: false,
},
}) })

16
frontend/pages/categories/[id].js
View File

@ -10,22 +10,22 @@ const Category = () => {
const router = useRouter(); const router = useRouter();
return ( return (
<Layout titlePage="Categories">
<Query query={CATEGORY_ARTICLES_QUERY} id={router.query.id}> <Query query={CATEGORY_ARTICLES_QUERY} id={router.query.id}>
{({ data: { category } }) => { {({ data: { category } }) => {
return ( return (
<div> <Layout titlePage={category.name}>
<div className="uk-section"> <div>
<div className="uk-container uk-container-large"> <div className="uk-section">
<h1>{category.name}</h1> <div className="uk-container uk-container-large">
<Articles articles={category.articles} /> <h1>{category.name}</h1>
<Articles articles={category.articles} />
</div>
</div> </div>
</div> </div>
</div> </Layout>
); );
}} }}
</Query> </Query>
</Layout>
); );
}; };

1
frontend/public/static/css/uikit.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

3
frontend/public/static/js/uikit.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
frontend/utils/apollo.js
View File

@ -4,7 +4,7 @@ import { ApolloProvider } from '@apollo/react-hooks'
import { ApolloClient, InMemoryCache, HttpLink } from 'apollo-boost' import { ApolloClient, InMemoryCache, HttpLink } from 'apollo-boost'
import fetch from 'isomorphic-unfetch' import fetch from 'isomorphic-unfetch'
import NProgress from 'nprogress' import NProgress from 'nprogress'
import "../assets/css/style.css"; import "../assets/css/style.css";
import Router from 'next/router' import Router from 'next/router'