knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

povećavanje UI elemenata na view ekranu

Browse Source
This commit is contained in:
Nikola Derežič
2024-12-14 09:12:03 +01:00
parent 40e421a32a
commit 9c9ddc28c1
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/ui/ViewBillBadge.tsx
View File

@@ -14,7 +14,7 @@ export const ViewBillBadge: FC<ViewBillBadgeProps> = ({ locationId, bill: { _id:
const currentLocale = useLocale(); const currentLocale = useLocale();
return ( return (
<Link href={`/${currentLocale}//share/bill/${locationId}-${billId}`} className={`badge badge-lg ${paid ? "badge-success" : " badge-outline"} ${!paid && !!attachment ? "btn-outline btn-success" : ""} cursor-pointer`}> <Link href={`/${currentLocale}//share/bill/${locationId}-${billId}`} className={`badge badge-lg p-[1em] ${paid ? "badge-success" : " badge-outline"} ${!paid && !!attachment ? "btn-outline btn-success" : ""} cursor-pointer`}>
<TicketIcon className="h-[1em] w-[1em] inline-block mr-1" /> {name} <TicketIcon className="h-[1em] w-[1em] inline-block mr-1" /> {name}
</Link> </Link>
); );

4
app/ui/ViewLocationCard.tsx
View File

@@ -21,7 +21,7 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location: { _id, nam
return( return(
<div data-key={_id } className="card card-compact card-bordered max-w-[30em] min-w-[350px] bg-base-100 border-1 border-neutral my-1"> <div data-key={_id } className="card card-compact card-bordered max-w-[30em] min-w-[350px] bg-base-100 border-1 border-neutral my-1">
<div className="card-body"> <div className="card-body">
<h2 className="card-title mr-[2em] text-[1rem]">{formatYearMonth(yearMonth)} {name}</h2> <h2 className="card-title mr-[2em] text-[1.3rem]">{formatYearMonth(yearMonth)} {name}</h2>
<div className="card-actions mt-[1em] mb-[1em]"> <div className="card-actions mt-[1em] mb-[1em]">
{ {
bills.map(bill => <ViewBillBadge key={`${_id}-${bill._id}`} locationId={_id} bill={bill} />) bills.map(bill => <ViewBillBadge key={`${_id}-${bill._id}`} locationId={_id} bill={bill} />)
@@ -29,7 +29,7 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location: { _id, nam
</div> </div>
{ {
monthlyExpense > 0 ? monthlyExpense > 0 ?
<p> <p className="text-[1.2rem]">
{ t("payed-total-label") } <strong>${formatCurrency(monthlyExpense)}</strong> { t("payed-total-label") } <strong>${formatCurrency(monthlyExpense)}</strong>
</p> </p>
: null : null