janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-11-02 06:32:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Footer component to App.tsx

Browse Source
This commit is contained in:
dertyp7
2024-01-14 16:56:48 +01:00
parent 0f1bb40af4
commit 88b8c61e49
3 changed files with 111 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/styles/Footer.scss Normal file
View File

@@ -0,0 +1,48 @@
.footer {
border-top: 1px solid var(--color-border);
padding: 1rem 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
.contact {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 20px;
svg {
color: var(--color-font-muted);
transition: all 50ms ease-in-out;
cursor: pointer;
&:hover {
color: var(--color-font);
}
}
}
.source {
color: var(--color-font-muted);
font-size: 0.8rem;
margin-top: 10px;
a {
color: var(--color-font-muted);
transition: all 50ms ease-in-out;
cursor: pointer;
&:hover {
color: var(--color-font);
}
}
}
.copyright {
color: var(--color-font-muted);
font-size: 0.8rem;
margin-top: 10px;
}
}