From b20b6940128f2d88f51f9adc83874e6cabb492e6 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Mon, 21 Jul 2025 12:02:52 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20fixed=20bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/button/VLink.vue | 54 +++++++++++++++++++--------------
 1 file changed, 32 insertions(+), 22 deletions(-)

diff --git a/src/components/button/VLink.vue b/src/components/button/VLink.vue
index 6d506bf..c20a6c5 100644
--- a/src/components/button/VLink.vue
+++ b/src/components/button/VLink.vue
@@ -2,7 +2,7 @@
 import Button from 'primevue/button';
 import type IVLink from '@/components/button/IVLink.type';
 import { computed } from 'vue';
-import styles from '@/assets/typography.module.css'
+import styles from '@visua/typography.module.css';
 
 const props = defineProps<IVLink>();
 
@@ -16,25 +16,25 @@ const htmlTag = computed(() => { return props.to ? 'RouterLink' : props.href ? '
 </script>
 
 <template>
-    <Button
-        variant="link"
-        role="link"
-        :label="props.label"
-        :aria-label="props.label"
-        :icon="props.icon"
-        :disabled="props.disabled"
-        :aria-disabled="props.disabled"
-        :icon-pos="iconPos"
-        :as="htmlTag"
-        :href="props.href"
-        :target="props.target"
-        :to="props.to"
-        :tabindex="props.disabled ? -1 : 0"
-        @click="props.disabled && $event.preventDefault()"
-        class="p-button"
-        :class="[styles['text-body-MD-standard-text-Regular']]"
-        :style="props.disabled ? { pointerEvents: 'none' } : {}"
-    />
+  <Button
+    variant="link"
+    role="link"
+    :label="props.label"
+    :aria-label="props.label"
+    :icon="props.icon"
+    :disabled="props.disabled"
+    :aria-disabled="props.disabled"
+    :icon-pos="iconPos"
+    :as="htmlTag"
+    :href="props.href"
+    :target="props.target"
+    :to="props.to"
+    :tabindex="props.disabled ? -1 : 0"
+    @click="props.disabled && $event.preventDefault()"
+    class="p-button"
+    :class="[styles['text-body-MD-standard-text-Regular'], {'disabled': props.disabled}]"
+    :style="props.disabled ? { pointerEvents: 'none' } : {}"
+  />
 </template>
 
 <style lang="css" scoped>
@@ -44,7 +44,17 @@ const htmlTag = computed(() => { return props.to ? 'RouterLink' : props.href ? '
   padding: 0px;
 }
 
-.p-button.p-button-link:hover{
-  border: 2px solid var(--p-button-link-color);
+.p-button{
+  padding: 0px;
+  gap: calc(var(--p-button-gap)/2);
 }
+
+.p-button.disabled{
+  --p-button-link-color: var(--text-disabled-grey);
+  --p-button-link-hover-color: var(--text-disabled-grey);
+  --p-button-link-active-color: var(--text-disabled-grey);
+  -webkit-user-select: none;
+  user-select: none;
+}
+
 </style>