change button place
This commit is contained in:
@@ -187,6 +187,14 @@
|
|||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
margin: 20px 0 0 0;
|
margin: 20px 0 0 0;
|
||||||
|
|
||||||
|
/* &.save {
|
||||||
|
background: #0d50e0;
|
||||||
|
|
||||||
|
&:hover:not(:disabled) {
|
||||||
|
background: #355fd3;
|
||||||
|
}
|
||||||
|
} */
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
background: #1d4ed8;
|
background: #1d4ed8;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -301,17 +301,6 @@ export function CreateStaffForm({ onSuccess }: { onSuccess?: () => void }) {
|
|||||||
<div className="templates-section">
|
<div className="templates-section">
|
||||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '10px' }}>
|
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '10px' }}>
|
||||||
<h3 style={{ margin: 0 }}>{tGeneral('template-management')}</h3>
|
<h3 style={{ margin: 0 }}>{tGeneral('template-management')}</h3>
|
||||||
<div style={{ display: 'flex', gap: '8px' }}>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onClick={() => setShowSaveDialog(true)}
|
|
||||||
className="btn-icon"
|
|
||||||
title={tGeneral('save-current-as-template')}
|
|
||||||
disabled={isPending}
|
|
||||||
>
|
|
||||||
<IconDiscet />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ display: 'flex', gap: '10px', alignItems: 'center' }}>
|
<div style={{ display: 'flex', gap: '10px', alignItems: 'center' }}>
|
||||||
@@ -412,18 +401,30 @@ export function CreateStaffForm({ onSuccess }: { onSuccess?: () => void }) {
|
|||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
<div style={{ display: 'flex', gap: '8px' }}>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => setShowSaveDialog(true)}
|
||||||
|
className={`${styles['btn']} ${styles['save']}`}
|
||||||
|
title={tGeneral('save-current-as-template')}
|
||||||
|
disabled={isPending}
|
||||||
|
>
|
||||||
|
{tGeneral('save-template')}
|
||||||
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
className={`${styles['btn']}`}
|
className={`${styles['btn']}`}
|
||||||
disabled={isPending}
|
disabled={isPending}
|
||||||
>
|
>
|
||||||
{tGeneral('create')}
|
{tGeneral('create-stuff')}
|
||||||
{isPending && (
|
{isPending && (
|
||||||
<div className="loading-animation">
|
<div className="loading-animation">
|
||||||
<div className="global-spinner"></div>
|
<div className="global-spinner"></div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<ModalWindow state={showSaveDialog} callBack={setShowSaveDialog}>
|
<ModalWindow state={showSaveDialog} callBack={setShowSaveDialog}>
|
||||||
|
|||||||
@@ -221,7 +221,8 @@
|
|||||||
"delete-template-confirm": "Delete template",
|
"delete-template-confirm": "Delete template",
|
||||||
"delete-template-warning": "Are you sure you want to delete this template?",
|
"delete-template-warning": "Are you sure you want to delete this template?",
|
||||||
"save": "Save",
|
"save": "Save",
|
||||||
"delete": "Delete"
|
"delete": "Delete",
|
||||||
|
"create-stuff": "Create stuff"
|
||||||
},
|
},
|
||||||
"Login-register-form": {
|
"Login-register-form": {
|
||||||
"and": "and",
|
"and": "and",
|
||||||
|
|||||||
@@ -221,7 +221,8 @@
|
|||||||
"delete-template-confirm": "Удалить шаблон",
|
"delete-template-confirm": "Удалить шаблон",
|
||||||
"delete-template-warning": "Вы уверены, что хотите удалить шаблон?",
|
"delete-template-warning": "Вы уверены, что хотите удалить шаблон?",
|
||||||
"save": "Сохранить",
|
"save": "Сохранить",
|
||||||
"delete": "Удалить"
|
"delete": "Удалить",
|
||||||
|
"create-stuff": "Создать сотрудника"
|
||||||
},
|
},
|
||||||
"Login-register-form": {
|
"Login-register-form": {
|
||||||
"and": "и",
|
"and": "и",
|
||||||
|
|||||||
Reference in New Issue
Block a user