From 013380545af66362d765e8e5050b32e6fbf57e9f Mon Sep 17 00:00:00 2001
From: xdrm-brackets <xdrm.brackets.dev@gmail.com>
Date: Wed, 5 Oct 2022 16:50:49 +0200
Subject: [PATCH] feat: improve link styles

---
 src/App.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index eade8b1..ad5ea6c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -73,24 +73,22 @@ export default class App extends Vue {
 		background: #fff;
 	}
 
-	a {
+	a, a:visited {
 		display: inline-block;
 		position: relative;
-		color: #fff;
+		color: #cbcbcb;
 
 		cursor: pointer;
 
-		&:visited {
-			color: #fefefa;
-		}
+		transition: color .2s ease-in-out;
 
 		&:after {
 			content: '';
 
 			display: block;
 			position: absolute;
-				margin-left: 5%;
-				width: 90%;
+				margin-left: 0%;
+				width: 100%;
 				height: .15rem;
 
 			background: #3333be;
@@ -100,9 +98,13 @@ export default class App extends Vue {
 			transform-style: preserve-3d;
 		}
 
-		&:hover:after {
-			margin-left: 0;
-			width: 100%;
+		&:hover{
+			color: #fff;
+
+			&:after {
+				margin-left: 5%;
+				width: 90%;
+			}
 		}
 	}
 </style>