Import repositories from gitlab
This commit is contained in:
10
next/components/statBlock/index.jsx
Normal file
10
next/components/statBlock/index.jsx
Normal file
@@ -0,0 +1,10 @@
|
||||
import styles from './style.module.scss';
|
||||
|
||||
export default async function StatBlock(props) {
|
||||
return (
|
||||
<a href={props.href} className={styles.statBox}>
|
||||
<span>{props.value}</span>
|
||||
<h3>{props.title}</h3>
|
||||
</a>
|
||||
);
|
||||
}
|
||||
33
next/components/statBlock/style.module.scss
Normal file
33
next/components/statBlock/style.module.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
.statBox {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-decoration: none;
|
||||
transition: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 4rem;
|
||||
color: var(--fg-0);
|
||||
}
|
||||
|
||||
h3 {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
color: var(--fg-1);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 30rem) {
|
||||
.statBox {
|
||||
span {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user