improve links

assets/css/style.scss

@@ -4,6 +4,7 @@ $link-decoration: none;
 $text-muted: var(--txt-muted-color);
 $font-family-base: Montserrat, Helvetica, Arial, serif;
 $small-font-size: 70%;
+$link-hover-decoration: underline;
 
 // Forms
 $form-check-input-checked-bg-color: var(--txt-muted-color);
@@ -72,6 +73,11 @@ body {
 	color: var(--txt-primary-color);
 }
 
+a,
+a:hover {
+	color: var(--txt-link);
+}
+
 .txt-secondary {
 	color: var(--txt-secondary-color);
 }

components/btn/Clipboard.vue

@@ -35,5 +35,9 @@ export default {
 <style lang="scss">
 .clipboard {
 	max-width: 500px;
+
+	input {
+		user-select: none;
+	}
 }
 </style>

components/navigation/Bar.vue

@@ -187,7 +187,13 @@ nav.breadcrumb-wrapper {
 }
 
 .logo {
-	max-width: 75px;
+	&:hover {
+		text-decoration: none;
+	}
+
+	img {
+		max-width: 75px;
+	}
 }
 
 @media (min-width: 1200px) {

components/navigation/menu/Sidebar.vue

@@ -8,8 +8,8 @@
 					}
 				"
 				:to="localePath('/')"
-				class="d-flex px-3 pt-3">
-				<img :src="$icon(512)" alt="Accueil" class="logo" />
+				class="logo d-flex px-3 pt-3">
+				<img :src="$icon(512)" alt="Accueil" />
 				<div>
 					<h1 class="h3">Wotwizard</h1>
 					<small class="text-muted">{{ $t("slogan") }}</small>

layouts/default.vue

@@ -73,6 +73,7 @@ export default {
 	--txt-primary-color: #000;
 	--txt-secondary-color: #435770;
 	--txt-muted-color: #5e7690;
+	--txt-link: #6e7881;
 	--bg-primary-color: #fff;
 	--bg-secondary-color: #e9ecef;
 	--bg-menu-color: #fafafa;
@@ -84,6 +85,7 @@ export default {
 	--txt-primary-color: #fff;
 	--txt-secondary-color: #c4cbd3;
 	--txt-muted-color: #9fa2a4;
+	--txt-link: #75828d;
 	--bg-primary-color: #111828;
 	--bg-secondary-color: #202938;
 	--bg-menu-color: #323949;