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

UI changes;

Browse Source 
availability form prettify
This commit is contained in:
Dobromir Popov
2024-03-02 22:49:11 +02:00
parent 8de48e1c41
commit ffcfb6b15c
5 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/availability/AvailabilityForm.js
View File

@ -437,9 +437,10 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
}, []);
return (
<div style={{ width: isMobile ? '90%' : 'max-w-xs', margin: '0 auto' }} >
// <div style={{ width: isMobile ? '90%' : 'max-w-xs', margin: '0 auto' }} >
<div className="w-full">
<ToastContainer></ToastContainer>
<form id="formAv" className="form p-5 bg-white shadow-md rounded-lg p-8 pr-12" onSubmit={handleSubmit}>
<form id="formAv" className="form p-5 bg-white shadow-md rounded-lg" onSubmit={handleSubmit}>
<h3 className="text-xl font-semibold mb-5 text-gray-800 border-b pb-2">
{availability.id ? "Редактирай" : "Нова"} възможност
</h3>
@ -508,10 +509,11 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
</div>
{/* <input type="hidden" name="isactive" value={availability.isactive} /> */}
<div className="panel-actions">
<button className="action-button" onClick={() => handleCompletion()}> Отмени </button>
<div className="flex justify-between items-center flex-nowrap w-full p-1">
<button className="button border border-blue-500 text-blue-500 bg-transparent hover:text-white focus:outline-none focus:shadow-outline" onClick={() => handleCompletion()}> Отмени </button>
{availability.id && (
<><button className="button bg-red-500 hover:bg-red-700 focus:outline-none focus:shadow-outline" type="button" onClick={handleDelete}>
<><button className="button btn-outline bg-red-500 hover:bg-red-700 focus:outline-none focus:shadow-outline" type="button" onClick={handleDelete}>
Изтрий
</button></>
)}

2
components/location/LocationForm.js
View File

@ -256,7 +256,7 @@ export default function LocationForm() {
</form>
</div>
<button className='button' onClick={() => setIsPreviewMode(!isPreviewMode)}>
{isPreviewMode ? 'Скрий потребителския изглед' : 'Виж какво ще се покаже на потребителите'}
{isPreviewMode ? 'Скрий прегледа' : 'Преглед'}
</button>
</ProtectedRoute>
<ProtectedRoute allowedRoles={[UserRole.USER]} deniedMessage=" " bypass={isPreviewMode}>

2
components/sidebar.tsx
View File

@ -180,7 +180,7 @@ function UserDetails({ session }) {
<div className="ml-3 overflow-hidden">
<p className="mx-1 mt-1 text-sm font-medium text-gray-800 dark:text-gray-200">{session.user.name}</p>
<p className="mx-1 mt-1 text-sm font-medium text-gray-600 dark:text-gray-400">{session.user.role}</p>
<a href="/api/auth/signout" className={styles.button} onClick={(e) => { e.preventDefault(); signOut(); }}>Излезте</a>
<a href="/api/auth/signout" className={styles.button} onClick={(e) => { e.preventDefault(); signOut(); }}>Изход</a>
</div>
</div>
</>

4
content/telegram_users.json
View File

@ -2,5 +2,9 @@
{
"chatId": 777826553,
"phoneNumber": "+359883351579"
},
{
"chatId": 882873119,
"phoneNumber": "359896260509"
}
]

2
styles/global.css
View File

@ -27,7 +27,7 @@ body {
@apply m-2 text-white font-bold py-2 px-4 rounded bg-blue-500 hover:bg-blue-700;
}
.panel-actions {
@apply flex justify-end items-center justify-between;
@apply flex justify-end items-center justify-between;
}
.action-button {
@apply inline-block align-baseline font-bold text-blue-500 hover:text-blue-800;