Update folder structure for pages and some components

2026-05-01 18:00:26 +00:00 · 2021-12-17 16:59:45 +01:00
parent 66929e45d8
commit d17951b37e
36 changed files with 833 additions and 821 deletions
@@ -0,0 +1,59 @@
+import styled from 'styled-components';
+
+export const Bar = styled.nav`
+	width: 100%;
+	display: grid;
+	grid-template-columns: auto 1fr;
+	align-items: center;
+	padding: 1rem 0rem;
+
+	* {
+		user-select: none;
+	}
+
+	h1 {
+		font-size: 1.7rem;
+
+		@media (max-width: 768px) {
+			font-size: 1rem;
+		}
+	}
+
+	div,
+	a.logo {
+		display: grid;
+		align-items: center;
+		column-gap: 1rem;
+
+		@media (max-width: 768px) {
+			column-gap: 0.5rem;
+		}
+	}
+
+	a.logo {
+		text-decoration: none;
+		color: var(--text);
+		cursor: pointer;
+		grid-template-columns: repeat(2, auto);
+		justify-content: flex-start;
+	}
+
+	.buttons {
+		grid-template-columns: repeat(5, auto);
+		justify-content: flex-end;
+
+		@media (max-width: 768px) {
+			display: none;
+		}
+	}
+
+	.mobile-buttons {
+		display: none;
+
+		@media (max-width: 768px) {
+			display: grid;
+			grid-template-columns: repeat(2, auto);
+			justify-content: flex-end;
+		}
+	}
+`;