Opravy UI na stránkách objednání
This commit is contained in:
@@ -7,7 +7,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: flex-start;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 64px;
|
min-width: 64px;
|
||||||
|
|
||||||
@@ -27,12 +27,13 @@
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Spojnice k předchozímu kroku
|
// Spojnice k předchozímu kroku – vede od středu této tečky doleva ke středu předchozí.
|
||||||
|
// Tečka má průměr 12px, takže její střed je 6px od levého okraje segmentu.
|
||||||
&:not(:first-child)::before {
|
&:not(:first-child)::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
right: 50%;
|
left: calc(6px - 100%);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
background: var(--luncher-border, #ced4da);
|
background: var(--luncher-border, #ced4da);
|
||||||
|
|||||||
@@ -358,8 +358,9 @@ export default function OrderGroupsPage() {
|
|||||||
<div className="wrapper">
|
<div className="wrapper">
|
||||||
<div className="d-flex align-items-center justify-content-between mb-1">
|
<div className="d-flex align-items-center justify-content-between mb-1">
|
||||||
<h1 className="title mb-0">Objednání</h1>
|
<h1 className="title mb-0">Objednání</h1>
|
||||||
<Button variant="outline-secondary" size="sm" onClick={() => setAdminModalOpen(true)} title="Správa obchodů">
|
<Button variant="outline-primary" size="sm" onClick={() => setAdminModalOpen(true)} title="Správa obchodů">
|
||||||
<FontAwesomeIcon icon={faGear} />
|
<FontAwesomeIcon icon={faGear} className="me-1" />
|
||||||
|
Obchody
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<p style={{ color: 'var(--luncher-text-muted)' }}>Skupinové objednávky z obchodů a restaurací</p>
|
<p style={{ color: 'var(--luncher-text-muted)' }}>Skupinové objednávky z obchodů a restaurací</p>
|
||||||
@@ -421,7 +422,7 @@ export default function OrderGroupsPage() {
|
|||||||
</Button>
|
</Button>
|
||||||
</p>
|
</p>
|
||||||
) : (
|
) : (
|
||||||
<div className="d-flex gap-2 align-items-end flex-wrap">
|
<div className="d-flex gap-2 align-items-center flex-wrap">
|
||||||
<Form.Select
|
<Form.Select
|
||||||
value={newGroupName}
|
value={newGroupName}
|
||||||
onChange={e => setNewGroupName(e.target.value)}
|
onChange={e => setNewGroupName(e.target.value)}
|
||||||
@@ -649,8 +650,8 @@ export default function OrderGroupsPage() {
|
|||||||
{memberTotal > 0 ? `${memberTotal / 100} Kč` : '—'}
|
{memberTotal > 0 ? `${memberTotal / 100} Kč` : '—'}
|
||||||
</small>
|
</small>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td className="align-middle">
|
||||||
<div className="d-flex gap-1 justify-content-end">
|
<div className="d-flex gap-1 justify-content-end align-items-center">
|
||||||
{canManageMembers(group) && (isCreator || memberLogin === login) && (memberLogin !== group.creatorLogin) && (
|
{canManageMembers(group) && (isCreator || memberLogin === login) && (memberLogin !== group.creatorLogin) && (
|
||||||
<FontAwesomeIcon
|
<FontAwesomeIcon
|
||||||
icon={faTrashCan}
|
icon={faTrashCan}
|
||||||
@@ -756,7 +757,7 @@ export default function OrderGroupsPage() {
|
|||||||
{canEdit && (
|
{canEdit && (
|
||||||
<FontAwesomeIcon
|
<FontAwesomeIcon
|
||||||
icon={faPen}
|
icon={faPen}
|
||||||
className="action-icon"
|
className="action-icon ms-0"
|
||||||
title="Upravit časy a odkaz pro sledování"
|
title="Upravit časy a odkaz pro sledování"
|
||||||
onClick={startEdit}
|
onClick={startEdit}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user