leaflet.pub
a tool for shared writing and social publishing
remove hover styles on mobile for leafletpreviews
awarm.space
+2
-2
+2
-2
app/home/LeafletPreview.tsx
+2
-2
app/home/LeafletPreview.tsx
···
46
46
return (
47
47
<div className="relative max-h-40 h-40">
48
48
<ThemeProvider local entityID={root}>
49
-
<div className="rounded-lg hover:shadow-sm overflow-clip border border-border outline outline-2 outline-transparent outline-offset-1 hover:outline-border bg-bg-leaflet grow w-full h-full">
49
+
<div className="rounded-lg sm:hover:shadow-sm overflow-clip border border-border outline outline-2 outline-transparent outline-offset-1 sm:hover:outline-border bg-bg-leaflet grow w-full h-full">
50
50
{state === "normal" ? (
51
51
<div className="relative w-full h-full">
52
52
<ThemeBackgroundProvider entityID={root}>
···
212
212
onPointerDown={() => setPrefetch(true)}
213
213
prefetch={prefetch}
214
214
href={`/${props.id}`}
215
-
className={`no-underline hover:no-underline text-primary absolute inset-0 w-full h-full`}
215
+
className={`no-underline sm:hover:no-underline text-primary absolute inset-0 w-full h-full`}
216
216
/>
217
217
);
218
218
};