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

some minor adjustments for mobile

cozylittle.house 1f436de8 ecb387d6

+3 -3
+1 -1
app/(home-pages)/notifications/Notification.tsx
··· 98 98 <Avatar src={props.avatar} displayName={props.displayName} /> 99 99 <pre 100 100 style={{ wordBreak: "break-word" }} 101 - className={`whitespace-pre-wrap text-secondary line-clamp-6 ${props.className}`} 101 + className={`whitespace-pre-wrap text-secondary line-clamp-3 sm:line-clamp-6 ${props.className}`} 102 102 > 103 103 <BaseTextBlock 104 104 preview
+2 -2
components/ActionBar/Navigation.tsx
··· 176 176 asChild 177 177 side={isMobile ? "top" : "right"} 178 178 align={isMobile ? "center" : "start"} 179 - className="max-w-sm pt-3! pb-3!" 179 + className="sm:max-w-sm w-full pt-3! pb-3!" 180 180 trigger={ 181 181 <ActionButton 182 182 nav ··· 189 189 ) 190 190 } 191 191 label="Notifications" 192 - className={`${props.current ? "bg-bg-page! border-border-light!" : ""} ${props.unreads ? "text-accent-contrast" : ""}`} 192 + className={`${props.current ? "bg-bg-page! border-border-light!" : ""} ${unreads ? "text-accent-contrast!" : ""}`} 193 193 /> 194 194 } 195 195 >