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 Email: admin@example.com
Password: changeme Password: changeme
google auth: google auth @ /api/auth/signin:
# // owner: dobromir.popov@gmail.com | Специално Свидетелстване София # // owner: dobromir.popov@gmail.com | Специално Свидетелстване София
# // https://console.cloud.google.com/apis/credentials/oauthclient/926212607479-d3m8hm8f8esp3rf1639prskn445sa01v.apps.googleusercontent.com?project=grand-forge-108716 # // 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 ( 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" /> <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> <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 // Determine if the current slot is the first or the last
return ( 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' : ''}`}> <label className={`checkbox-container flex items-center mb-2 ${allDay ? 'opacity-50' : ''}`}>
<input type="checkbox" checked={slot.isChecked || allDay} onChange={() => handleSlotCheckedChange(slot)} <input type="checkbox" checked={slot.isChecked || allDay} onChange={() => handleSlotCheckedChange(slot)}
disabled={allDay} disabled={allDay}
@ -471,30 +471,30 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
</h3> </h3>
<LocalizationProvider dateAdapter={AdapterDateFns} localeText={bgBG} adapterLocale={bg}> <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 })} /> <DatePicker label="Изберете дата" value={availability.startTime} onChange={(value) => setAvailability({ ...availability, endTime: value })} />
</div> </div>
<div> <div>
{config?.checkboxUI && config.checkboxUI.enabled ? ( {config?.checkboxUI && config.checkboxUI.enabled ? (
<div className="mb-4"> <div className="mb-1">
{/* Time slot checkboxes */} {/* Time slot checkboxes */}
<TimeSlotCheckboxes slots={timeSlots} setSlots={setTimeSlots} item={availability} /> <TimeSlotCheckboxes slots={timeSlots} setSlots={setTimeSlots} item={availability} />
</div> </div>
) : ( ) : (
<> <>
{/* Start Time Picker */} {/* Start Time Picker */}
<div className="mb-4"> <div className="mb-2">
<MobileTimePicker label="От" minutesStep={15} value={availability.startTime} minTime={minTime} maxTime={maxTime} <MobileTimePicker label="От" minutesStep={15} value={availability.startTime} minTime={minTime} maxTime={maxTime}
onChange={(value) => setAvailability({ ...availability, startTime: value })} /> onChange={(value) => setAvailability({ ...availability, startTime: value })} />
</div> </div>
{/* End Time Picker */} {/* End Time Picker */}
<div className="mb-4"> <div className="mb-2">
<MobileTimePicker label="До" minutesStep={15} value={availability.endTime} minTime={minTime} maxTime={maxTime} <MobileTimePicker label="До" minutesStep={15} value={availability.endTime} minTime={minTime} maxTime={maxTime}
onChange={(value) => setAvailability({ ...availability, endTime: value })} /> onChange={(value) => setAvailability({ ...availability, endTime: value })} />
</div> </div>
<div className="mb-4"> <div className="mb-2">
<label className="checkbox-container"> <label className="checkbox-container">
<input type="checkbox" checked={availability.isWithTransport} className="form-checkbox h-5 w-5 text-gray-600 mx-2" <input type="checkbox" checked={availability.isWithTransport} className="form-checkbox h-5 w-5 text-gray-600 mx-2"
onChange={() => setAvailability({ ...availability, isWithTransport: !availability.isWithTransport })} /> onChange={() => setAvailability({ ...availability, isWithTransport: !availability.isWithTransport })} />
@ -507,7 +507,7 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
</div> </div>
<div className="mb-4"> <div className="mb-2">
<label className="checkbox-container"> <label className="checkbox-container">
<input type="checkbox" checked={availability.repeatWeekly} className="form-checkbox h-5 w-5 text-gray-600 mx-2" <input type="checkbox" checked={availability.repeatWeekly} className="form-checkbox h-5 w-5 text-gray-600 mx-2"
onChange={() => setAvailability({ ...availability, repeatWeekly: !availability.repeatWeekly })} /> onChange={() => setAvailability({ ...availability, repeatWeekly: !availability.repeatWeekly })} />
@ -546,13 +546,13 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
{false && availability.repeatWeekly && ( {false && availability.repeatWeekly && (
<div className="mb-4"> <div className="mb-2">
<DatePicker label="До" value={availability.endDate} onChange={(value) => setAvailability({ ...availability, endDate: value })} /> <DatePicker label="До" value={availability.endDate} onChange={(value) => setAvailability({ ...availability, endDate: value })} />
</div> </div>
)} )}
</LocalizationProvider> </LocalizationProvider>
<div className="mb-4 hidden"> <div className="mb-2 hidden">
<div className="form-check"> <div className="form-check">
<input className="checkbox form-input" type="checkbox" id="isactive" name="isactive" onChange={handleChange} checked={availability.isactive} autoComplete="off" /> <input className="checkbox form-input" type="checkbox" id="isactive" name="isactive" onChange={handleChange} checked={availability.isactive} autoComplete="off" />
<label className="label" htmlFor="isactive">активно</label> <label className="label" htmlFor="isactive">активно</label>