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

feat: highlight on hover for most els

Browse Source
This commit is contained in:
eggy
2023-01-28 15:59:29 -05:00
parent 577e00a870
commit a0920dfe0f
6 changed files with 66 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/BlogStatBox.vue
View File

@@ -11,7 +11,7 @@ const latest = docs.at(-1) as BlogParsedContent;
</script>
<template>
<div class="prose dark:prose-invert flex">
<div class="prose dark:prose-invert flex onhover">
<HomeStatBox
:href="latest._path"
color="lightblue"
@@ -46,8 +46,12 @@ const latest = docs.at(-1) as BlogParsedContent;
</div>
</template>
<style scoped>
<style scoped lang="scss">
h2 {
overflow-wrap: break-word;
}
div.onhover:hover h2 {
@apply text-blue-700 dark:text-blue-400;
}
</style>

4
components/ProjectCard.vue
View File

@@ -56,6 +56,10 @@ const imgUrl = props.project.img
width: 100%;
}
.project-anchor:hover h3 {
@apply text-blue-700 dark:text-blue-400;
}
.card {
border: 0.2rem solid pink;
background: white;

6
components/StoryStatBox.vue
View File

@@ -11,7 +11,7 @@ const latest = docs.at(-1) as StoryParsedContent;
</script>
<template>
<div class="prose dark:prose-invert flex">
<div class="prose dark:prose-invert flex onhover">
<HomeStatBox
:href="latest._path"
color="lightgreen"
@@ -50,4 +50,8 @@ const latest = docs.at(-1) as StoryParsedContent;
h2 {
overflow-wrap: break-word;
}
div.onhover:hover h2 {
@apply text-blue-700 dark:text-blue-400;
}
</style>