LukeParke/vercel
1
0
Fork 0
mirror of https://github.com/LukeHagar/vercel.git synced 2025-12-09 04:22:07 +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
href="https://github.com/vercel/next.js/tree/master/examples"
href="https://github.com/vercel/next.js/tree/canary/examples"
className={styles.card}
>
<h2>Examples &rarr;</h2>

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

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