pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small collapsing improvments

Browse Source
This commit is contained in:
zmeyer44 2023-11-02 16:03:21 -04:00
parent 9b0de0d129
commit 70b10bbd56
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/(app)/event/[naddr]/_components/Header.tsx
View File

@ -218,13 +218,13 @@ export default function Header({ event }: { event: NDKEvent }) {
{!!location && ( {!!location && (
<div className="flex flex-1 items-center gap-3"> <div className="flex flex-1 items-center gap-3">
<LocationIcon /> <LocationIcon />
<div className=""> <div className="overflow-hidden">
{location.length > 2 ? ( {location.length > 2 ? (
<> <>
<p className="text-bold text-sm @xl:text-base"> <p className="text-bold line-clamp-2 text-sm @xl:text-base">
{location[1]} {location[1]}
</p> </p>
<p className="text-xs text-muted-foreground @xl:text-sm"> <p className="line-clamp-2 text-xs text-muted-foreground @xl:text-sm">
{location[2]} {location[2]}
</p> </p>
</> </>

2
components/EventIcons/DateIcon.tsx
View File

@ -5,7 +5,7 @@ type SmallCalendarIconProps = {
}; };
export default function SmallCalendarIcon({ date }: SmallCalendarIconProps) { export default function SmallCalendarIcon({ date }: SmallCalendarIconProps) {
return ( return (
<div className="center h-10 w-10 overflow-hidden rounded-sm border bg-background text-muted-foreground"> <div className="center h-10 w-10 shrink-0 overflow-hidden rounded-sm border bg-background text-muted-foreground">
<div className="w-full text-center"> <div className="w-full text-center">
<div className="bg-muted p-[2px] text-[10px] font-semibold uppercase"> <div className="bg-muted p-[2px] text-[10px] font-semibold uppercase">
{formatDate(date, "MMM")} {formatDate(date, "MMM")}

2
components/EventIcons/LocationIcon.tsx
View File

@ -2,7 +2,7 @@ import { HiOutlineMapPin } from "react-icons/hi2";
export default function LocationIcon() { export default function LocationIcon() {
return ( return (
<div className="center h-10 w-10 overflow-hidden rounded-sm border bg-muted text-muted-foreground"> <div className="center h-10 w-10 shrink-0 overflow-hidden rounded-sm border bg-muted text-muted-foreground">
<div className="center w-full text-center"> <div className="center w-full text-center">
<div className="text-center text-[14px] font-medium"> <div className="text-center text-[14px] font-medium">
<HiOutlineMapPin className="h-5 w-5" /> <HiOutlineMapPin className="h-5 w-5" />

2
components/Modals/CreateCalendarEvent.tsx
View File

@ -232,7 +232,7 @@ export default function CreateCalendarEventModal({
<div className="shrink-0"> <div className="shrink-0">
<SmallCalendarIcon date={startDate ?? new Date()} /> <SmallCalendarIcon date={startDate ?? new Date()} />
</div> </div>
<div className="flex-1 shrink-0 divide-y overflow-hidden rounded-md bg-muted sm:max-w-[300px]"> <div className="flex-1 shrink-0 divide-y overflow-hidden rounded-md bg-muted sm:min-w-[300px] sm:max-w-[300px]">
<div className="flex justify-between p-0.5 px-2 pl-3"> <div className="flex justify-between p-0.5 px-2 pl-3">
<div className="flex w-[50px] items-center">Start</div> <div className="flex w-[50px] items-center">Start</div>
<div className="flex-1 shrink-0"> <div className="flex-1 shrink-0">