mirror of
				https://github.com/valentineus/popov.link.git
				synced 2025-11-04 14:59:45 +03:00 
			
		
		
		
	Refactor Footer component and remove it from BaseLayout
This commit is contained in:
		@@ -1,49 +0,0 @@
 | 
			
		||||
---
 | 
			
		||||
import dayjs from "dayjs";
 | 
			
		||||
---
 | 
			
		||||
 | 
			
		||||
<style lang="scss">
 | 
			
		||||
	@import "../scss/_variables.scss";
 | 
			
		||||
 | 
			
		||||
	footer {
 | 
			
		||||
		bottom: 0;
 | 
			
		||||
		display: flex;
 | 
			
		||||
		font-size: $fontSizeBase * 0.85;
 | 
			
		||||
		height: 4em;
 | 
			
		||||
		justify-content: space-between;
 | 
			
		||||
		left: 0;
 | 
			
		||||
		padding: 1em 4em;
 | 
			
		||||
		position: absolute;
 | 
			
		||||
		right: 0;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	@media (width <=684px) {
 | 
			
		||||
		footer {
 | 
			
		||||
			padding: 4em 1em 2em;
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
	ul {
 | 
			
		||||
		display: flex;
 | 
			
		||||
		justify-content: space-between;
 | 
			
		||||
		list-style: none;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	li {
 | 
			
		||||
		margin-left: 2em;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	a {
 | 
			
		||||
		color: $colorText;
 | 
			
		||||
		&:visited {
 | 
			
		||||
			color: $colorText;
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
</style>
 | 
			
		||||
 | 
			
		||||
<footer>
 | 
			
		||||
	<div>© {dayjs().year()} <a href="mailto:valentin@popov.link">Valentin Popov</a></div>
 | 
			
		||||
	<ul>
 | 
			
		||||
		<li><a href="https://analytics.popov.link" target="_blank">Analytics</a></li>
 | 
			
		||||
		<li><a href="https://code.popov.link/valentineus/valentineus.github.io" target="_blank">Source Code</a></li>
 | 
			
		||||
	</ul>
 | 
			
		||||
</footer>
 | 
			
		||||
		Reference in New Issue
	
	Block a user