From 6b9f04bb30d8379c6edd806ca1686ff2f02ef230 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Sat, 19 Feb 2022 17:11:32 +0100
Subject: [PATCH] improve links
---
assets/css/style.scss | 6 ++++++
components/btn/Clipboard.vue | 4 ++++
components/navigation/Bar.vue | 8 +++++++-
components/navigation/menu/Sidebar.vue | 4 ++--
layouts/default.vue | 2 ++
5 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/assets/css/style.scss b/assets/css/style.scss
index f791e13..fd488ff 100644
--- a/assets/css/style.scss
+++ b/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);
}
diff --git a/components/btn/Clipboard.vue b/components/btn/Clipboard.vue
index 46f3266..59f7e7e 100644
--- a/components/btn/Clipboard.vue
+++ b/components/btn/Clipboard.vue
@@ -35,5 +35,9 @@ export default {
<style lang="scss">
.clipboard {
max-width: 500px;
+
+ input {
+ user-select: none;
+ }
}
</style>
diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
index fc7b3c4..3e861f0 100644
--- a/components/navigation/Bar.vue
+++ b/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) {
diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue
index 84f342b..c75ebd0 100644
--- a/components/navigation/menu/Sidebar.vue
+++ b/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>
diff --git a/layouts/default.vue b/layouts/default.vue
index 86da2f6..1eaca3d 100644
--- a/layouts/default.vue
+++ b/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;
--
GitLab