popov/mwitnessing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reduce margins to imporve webUI

Browse Source
This commit is contained in:
Dobromir Popov
2024-02-28 10:21:57 +02:00
parent bc0dc14a81
commit 138530597a
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_doc/notes.mb
View File

@ -2,7 +2,7 @@ Nginx:
Email: admin@example.com
Password: changeme
google auth:
google auth @ /api/auth/signin:
# // owner: dobromir.popov@gmail.com | Специално Свидетелстване София
# // https://console.cloud.google.com/apis/credentials/oauthclient/926212607479-d3m8hm8f8esp3rf1639prskn445sa01v.apps.googleusercontent.com?project=grand-forge-108716

20
components/availability/AvailabilityForm.js
View File

@ -419,7 +419,7 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
return (
<>
<label className="checkbox-container flex items-center mb-4">
<label className="checkbox-container flex items-center mb-2">
<input type="checkbox" checked={allDay} onChange={e => handleAllDayChange(e)} className="form-checkbox h-5 w-5 text-gray-600 mx-2" />
Цял ден
<span className="checkmark"></span>
@ -430,7 +430,7 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
// Determine if the current slot is the first or the last
return (
<div key={index} className="mb-4 flex justify-between items-center">
<div key={index} className="mb-1 flex justify-between items-center">
<label className={`checkbox-container flex items-center mb-2 ${allDay ? 'opacity-50' : ''}`}>
<input type="checkbox" checked={slot.isChecked || allDay} onChange={() => handleSlotCheckedChange(slot)}
disabled={allDay}
@ -471,30 +471,30 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
</h3>
<LocalizationProvider dateAdapter={AdapterDateFns} localeText={bgBG} adapterLocale={bg}>
<div className="mb-4">
<div className="mb-2">
<DatePicker label="Изберете дата" value={availability.startTime} onChange={(value) => setAvailability({ ...availability, endTime: value })} />
</div>
<div>
{config?.checkboxUI && config.checkboxUI.enabled ? (
<div className="mb-4">
<div className="mb-1">
{/* Time slot checkboxes */}
<TimeSlotCheckboxes slots={timeSlots} setSlots={setTimeSlots} item={availability} />
</div>
) : (
<>
{/* Start Time Picker */}
<div className="mb-4">
<div className="mb-2">
<MobileTimePicker label="От" minutesStep={15} value={availability.startTime} minTime={minTime} maxTime={maxTime}
onChange={(value) => setAvailability({ ...availability, startTime: value })} />
</div>
{/* End Time Picker */}
<div className="mb-4">
<div className="mb-2">
<MobileTimePicker label="До" minutesStep={15} value={availability.endTime} minTime={minTime} maxTime={maxTime}
onChange={(value) => setAvailability({ ...availability, endTime: value })} />
</div>
<div className="mb-4">
<div className="mb-2">
<label className="checkbox-container">
<input type="checkbox" checked={availability.isWithTransport} className="form-checkbox h-5 w-5 text-gray-600 mx-2"
onChange={() => setAvailability({ ...availability, isWithTransport: !availability.isWithTransport })} />
@ -507,7 +507,7 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
</div>
<div className="mb-4">
<div className="mb-2">
<label className="checkbox-container">
<input type="checkbox" checked={availability.repeatWeekly} className="form-checkbox h-5 w-5 text-gray-600 mx-2"
onChange={() => setAvailability({ ...availability, repeatWeekly: !availability.repeatWeekly })} />
@ -546,13 +546,13 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
{false && availability.repeatWeekly && (
<div className="mb-4">
<div className="mb-2">
<DatePicker label="До" value={availability.endDate} onChange={(value) => setAvailability({ ...availability, endDate: value })} />
</div>
)}
</LocalizationProvider>
<div className="mb-4 hidden">
<div className="mb-2 hidden">
<div className="form-check">
<input className="checkbox form-input" type="checkbox" id="isactive" name="isactive" onChange={handleChange} checked={availability.isactive} autoComplete="off" />
<label className="label" htmlFor="isactive">активно</label>