design fixes

2023-03-10 14:56:51 +00:00
parent ecc0deb9f4
commit a74ea1e910
3 changed files with 25 additions and 11 deletions
@@ -76,13 +76,7 @@ const navLinks = [
 		align-items: center;
 	}

-	svg {
-		position: absolute;
-		left: -100;
-		top: 0;
-	}
-
-	.active-nav::before {
+	nav ul li a::before {
 		content: '';
 		position: absolute;
 		left: -10px;
@@ -90,6 +84,19 @@ const navLinks = [
 		height: 6px;
 		border-radius: 10px;
 		background-color: var(--blue);
+		opacity: 0;
+	}
+
+	nav ul li a:hover {
+		text-decoration: none;
+	}
+
+	nav ul li a:hover::before {
+		opacity: 0.6;
+	}
+
+	.active-nav::before {
+		opacity: 1;
 	}

 	nav ul li::before {
@@ -24,6 +24,12 @@ const { tags } = Astro.props
 		border-radius: 25px;
 		background: var(--blue);
 		line-height: 2rem;
+		transition: filter 0.15s;
+	}
+
+	.tag:hover {
+		text-decoration: none;
+		filter: saturate(120%);
 	}

 	.tag:not(:last-child) {