fixing card min with on desktop
This commit is contained in:
@@ -30,9 +30,9 @@ export const MonthCard:FC<MonthCardProps> = ({ yearMonth, children, monthlyExpen
|
|||||||
}, [expanded]);
|
}, [expanded]);
|
||||||
|
|
||||||
return(
|
return(
|
||||||
<div className={`collapse collapse-plus bg-base-200 my-1 ${expanded ? "border-2 border-neutral" : ""}`} ref={elRef}>
|
<div className={`collapse collapse-plus bg-base-200 my-1 sm:min-w-[25em] ${expanded ? "border-2 border-neutral" : ""}`} ref={elRef}>
|
||||||
<input type="checkbox" name="my-accordion-3" checked={expanded} onChange={handleChange} />
|
<input type="checkbox" name="my-accordion-3" checked={expanded} onChange={handleChange} />
|
||||||
<div className="collapse-title text-xl font-medium">
|
<div className={`collapse-title text-xl font-medium ${expanded ? "text-white" : ""}`}>
|
||||||
{`${formatYearMonth(yearMonth)}`}
|
{`${formatYearMonth(yearMonth)}`}
|
||||||
{
|
{
|
||||||
monthlyExpense>0 ?
|
monthlyExpense>0 ?
|
||||||
|
|||||||
Reference in New Issue
Block a user