leaflet.pub
a tool for shared writing and social publishing
fix hover styles for quotes in InteractionPreview
schlage.town
+3
-3
components/InteractionsPreview.tsx
+3
-3
components/InteractionsPreview.tsx
···
40
<SpeedyLink
41
aria-label="Post quotes"
42
href={`${props.postUrl}?interactionDrawer=quotes`}
43
-
className="flex flex-row gap-1 text-sm items-center text-accent-contrast!"
44
>
45
<QuoteTiny /> {props.quotesCount}
46
</SpeedyLink>
···
49
<SpeedyLink
50
aria-label="Post comments"
51
href={`${props.postUrl}?interactionDrawer=comments`}
52
-
className="relative flex flex-row gap-1 text-sm items-center hover:text-accent-contrast hover:no-underline! text-tertiary"
53
>
54
<CommentTiny /> {props.commentsCount}
55
</SpeedyLink>
···
93
<Popover
94
className="p-2! max-w-xs"
95
trigger={
96
-
<div className="relative flex gap-1 items-center hover:text-accent-contrast ">
97
<TagTiny /> {props.tags.length}
98
</div>
99
}
···
40
<SpeedyLink
41
aria-label="Post quotes"
42
href={`${props.postUrl}?interactionDrawer=quotes`}
43
+
className="relative flex flex-row gap-1 text-sm items-center hover:text-accent-contrast hover:no-underline! text-tertiary"
44
>
45
<QuoteTiny /> {props.quotesCount}
46
</SpeedyLink>
···
49
<SpeedyLink
50
aria-label="Post comments"
51
href={`${props.postUrl}?interactionDrawer=comments`}
52
+
className="relative flex flex-row gap-1 text-sm items-center hover:text-accent-contrast hover:no-underline! text-tertiary"
53
>
54
<CommentTiny /> {props.commentsCount}
55
</SpeedyLink>
···
93
<Popover
94
className="p-2! max-w-xs"
95
trigger={
96
+
<div className="relative flex gap-1 items-center hover:text-accent-contrast">
97
<TagTiny /> {props.tags.length}
98
</div>
99
}