LukeParke/vercel
1
0
Fork 0
mirror of https://github.com/LukeHagar/vercel.git synced 2025-12-10 12:57:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

[examples] Update Next.js example CSS styling. (#7337)

Browse Source
This commit is contained in:
Jiachi Liu
2022-01-20 22:59:33 +01:00
committed by GitHub
parent 9bbb2cdcbd
commit d89a79601c
2 changed files with 9 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/nextjs/pages/index.js
View File

@@ -33,7 +33,7 @@ export default function Home() {
</a> </a>
<a <a
href="https://github.com/vercel/next.js/tree/master/examples" href="https://github.com/vercel/next.js/tree/canary/examples"
className={styles.card} className={styles.card}
> >
<h2>Examples &rarr;</h2> <h2>Examples &rarr;</h2>

21
examples/nextjs/styles/Home.module.css
View File

@@ -1,15 +1,10 @@
.container { .container {
min-height: 100vh; padding: 0 2rem;
padding: 0 0.5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
} }
.main { .main {
padding: 5rem 0; min-height: 100vh;
padding: 4rem 0;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -18,10 +13,10 @@
} }
.footer { .footer {
width: 100%;
height: 100px;
border-top: 1px solid #eaeaea;
display: flex; display: flex;
flex: 1;
padding: 2rem 0;
border-top: 1px solid #eaeaea;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@@ -56,6 +51,7 @@
} }
.description { .description {
margin: 4rem 0;
line-height: 1.5; line-height: 1.5;
font-size: 1.5rem; font-size: 1.5rem;
} }
@@ -75,7 +71,6 @@
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
max-width: 800px; max-width: 800px;
margin-top: 3rem;
} }
.card { .card {
@@ -87,7 +82,7 @@
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
border-radius: 10px; border-radius: 10px;
transition: color 0.15s ease, border-color 0.15s ease; transition: color 0.15s ease, border-color 0.15s ease;
width: 45%; max-width: 300px;
} }
.card:hover, .card:hover,