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

fixed card width on cellphone

Browse Source
This commit is contained in:
Nikola Derežić
2024-01-16 14:11:50 +01:00
parent 38eeb00fda
commit a078633bd5
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/ui/AddLocationButton.tsx
View File

@@ -10,7 +10,7 @@ export interface AddLocationButtonProps {
} }
export const AddLocationButton:React.FC<AddLocationButtonProps> = ({yearMonth}) => export const AddLocationButton:React.FC<AddLocationButtonProps> = ({yearMonth}) =>
<div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1"> <div className="card card-compact card-bordered bg-base-100 shadow-s my-1">
<Link href={`/location/${ formatYearMonth(yearMonth) }/add`} className="card-body tooltip self-center" data-tip="Add a new billing location"> <Link href={`/location/${ formatYearMonth(yearMonth) }/add`} className="card-body tooltip self-center" data-tip="Add a new billing location">
<span className='grid self-center' data-tip="Add a new billing location"> <span className='grid self-center' data-tip="Add a new billing location">
<PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" /> <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />

2
app/ui/AddMonthButton.tsx
View File

@@ -9,7 +9,7 @@ export interface AddMonthButtonProps {
} }
export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) => export const AddMonthButton:React.FC<AddMonthButtonProps> = ({ yearMonth }) =>
<div className="card card-compact card-bordered max-w-[36em] shadow-s my-1"> <div className="card card-compact shadow-s my-1">
<Link href={`/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip="Dodaj novi mjesec"> <Link href={`/year-month/${formatYearMonth(yearMonth)}/add`} className='grid self-center tooltip' data-tip="Dodaj novi mjesec">
<span className='grid self-center'> <span className='grid self-center'>
<PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" /> <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />

2
app/ui/LocationCard.tsx
View File

@@ -18,7 +18,7 @@ export const LocationCard:FC<LocationCardProps> = ({location: { _id, name, yearM
const monthlyExpense = bills.reduce((acc, bill) => acc + (bill.payedAmount ?? 0), 0); const monthlyExpense = bills.reduce((acc, bill) => acc + (bill.payedAmount ?? 0), 0);
return( return(
<div className="card card-compact card-bordered min-w-96 max-w-[36em] bg-base-100 shadow-s my-1"> <div className="card card-compact card-bordered max-w-[30em] bg-base-100 shadow-s my-1">
<div className="card-body"> <div className="card-body">
<Link href={`/location/${_id}/edit`} className="card-subtitle tooltip" data-tip="Edit Location"> <Link href={`/location/${_id}/edit`} className="card-subtitle tooltip" data-tip="Edit Location">
<Cog8ToothIcon className="h-[1em] w-[1em] absolute cursor-pointer top-3 right-3 text-2xl" /> <Cog8ToothIcon className="h-[1em] w-[1em] absolute cursor-pointer top-3 right-3 text-2xl" />