eggy/public
1
0
Fork 0
Code Issues 7 Pull Requests 1 Releases Wiki Activity

fix: move tag anchor inside div

Browse Source
This commit is contained in:
eggy 2024-05-11 18:05:57 -04:00
parent d5a2787f56
commit 1108f258c1
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/Tag.vue
View File

@ -8,20 +8,18 @@ const props = defineProps<{
// const isLinkableTag = !props.name.includes(" "); // const isLinkableTag = !props.name.includes(" ");
const isLinkableTag = true; const isLinkableTag = true;
const tagClass = [ const tagClass = [
"inline-block text-xs rounded-lg py-1 px-2 mt-1 mr-1 transition border border-pink-200 dark:border-pink-900 border-2 font-medium", "inline-block text-xs rounded-lg py-1 px-2 mt-1 mr-1 transition border border-pink-200 dark:border-pink-900 border-2 font-medium no-underline",
{ "bg-pink-200 dark:bg-pink-900": props.highlight }, { "bg-pink-200 dark:bg-pink-900": props.highlight },
{ "shadow-md": isLinkableTag }, { "shadow-md": isLinkableTag },
]; ];
</script> </script>
<template> <template>
<a :href="dest" v-if="isLinkableTag">
<div :class="tagClass"> <div :class="tagClass">
<a :href="dest" v-if="isLinkableTag">
{{ name }} {{ name }}
</div>
</a> </a>
<div v-else> <div v-else>
<div :class="tagClass">
{{ name }} {{ name }}
</div> </div>
</div> </div>