leaflet.pub / leaflet
a tool for shared writing and social publishing
fork atom

tweak discover button styles

awarm.space 983d62ab 90f5549e

+1 -7
+1 -6
app/(home-pages)/discover/SortedPublicationList.tsx
··· 81 81 <div className="relative"> 82 82 <button 83 83 onClick={props.onClick} 84 - style={ 85 - props.selected 86 - ? { backgroundColor: `rgba(var(--accent-1), 0.2)` } 87 - : {} 88 - } 89 - className={`text-sm rounded-md px-[8px] py-0.5 border ${props.selected ? "border-accent-contrast text-accent-1 font-bold" : "text-tertiary border-border-light"}`} 84 + className={`text-sm bg-accent-1 text-accent-2 rounded-md px-[8px] py-0.5 border ${props.selected ? "border-accent-contrast font-bold" : "border-border-light"}`} 90 85 > 91 86 {props.children} 92 87 </button>
-1
app/(home-pages)/discover/page.tsx
··· 34 34 searchParams: Promise<{ [key: string]: string | string[] | undefined }>; 35 35 }) { 36 36 let order = ((await props.searchParams).order as string) || "recentlyUpdated"; 37 - let publications = await getPublications(); 38 37 39 38 return ( 40 39 <DashboardLayout