m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 09:13:19 +01:00
Code Releases Activity

layout tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2022-11-16 23:06:26 +00:00
parent 98f1d88db8
commit 66cb27fbf7
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Header/index.module.css
View File

@ -1,8 +1,8 @@
.header {
position: relative;
padding: calc(var(--spacer) / 2);
padding-top: 30vh;
min-height: calc(90vh - var(--spacer));
padding-top: 25vh;
min-height: calc(80vh - var(--spacer));
max-height: 1000px;
text-align: center;
display: flex;

2
src/components/Header/index.tsx
View File

@ -15,7 +15,7 @@ type Props = {
export default function Header({ small }: Props) {
return (
<header className={`${styles.header} ${small ? styles.small : null}`}>
<header className={`${styles.header} ${small ? styles.small : ''}`}>
<LogoUnit small={small} />
{!small ? <Networks /> : null}
<div className={styles.meta}>

1
src/components/LogoUnit/index.module.css
View File

@ -1,7 +1,6 @@
.logounit {
pointer-events: none;
display: block;
width: 100%;
}
.logo {

4
src/components/Networks/index.module.css
View File

@ -1,7 +1,5 @@
.networks {
padding-top: var(--spacer);
width: 100%;
text-align: center;
}
.title {
@ -25,6 +23,8 @@
stroke: var(--brand-grey-light);
width: 24px;
height: 24px;
transition: stroke 0.2s var(--easing);
will-change: stroke;
}
.link:hover svg,

4
src/components/Transitions.ts
View File

@ -26,7 +26,7 @@ export const moveInTop = {
export const moveInBottom = {
initial: {
opacity: 0,
y: 50,
y: 20,
transition: { type: 'spring' }
},
enter: {
@ -40,7 +40,7 @@ export const moveInBottom = {
},
exit: {
opacity: 0,
y: 50,
y: 20,
transition: {
type: 'spring'
}