Changes

2024-11-13 13:38:58 +05:00
parent 462680ba77
commit f091b29b63
22 changed files with 488 additions and 418 deletions
@@ -0,0 +1,40 @@
+<!-- NavLink.vue -->
+<template>
+	<a :class="linkClass"
+		 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+		 :href="href">
+		{{ label }}
+	</a>
+</template>
+
+<script>
+export default {
+	name: 'PersonNavLink',
+	props: {
+		label: {
+			type: String,
+			required: true
+		},
+		href: {
+			type: String,
+			required: true
+		},
+		isActive: {
+			type: Boolean,
+			default: false
+		}
+	},
+	computed: {
+		linkClass() {
+			return {
+				'translate-x-2 text-[#135aae]': this.isActive,
+				'bg-transperant text-gray-600 hover:text-gray-900': !this.isActive
+			};
+		}
+	}
+}
+</script>
+
+<style scoped>
+/* Добавьте стили, если это необходимо */
+</style>