Opravy UI na stránkách objednání

This commit is contained in:
2026-06-12 21:07:19 +02:00
parent 34f6ba520e
commit 8c3c47dba1
2 changed files with 11 additions and 9 deletions
+4 -3
View File
@@ -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);
+7 -6
View File
@@ -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}` : '—'} {memberTotal > 0 ? `${memberTotal / 100}` : '—'}
</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}
/> />