admin: drag-and-drop drink reordering per bar
This commit is contained in:
parent
4904ff0032
commit
a0babc2cfa
3 changed files with 71 additions and 30 deletions
|
|
@ -159,3 +159,21 @@ button:disabled { opacity: 0.4; }
|
|||
.admin .row { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; flex-wrap: wrap; }
|
||||
.admin .muted { opacity: 0.6; }
|
||||
.admin .login { max-width: 320px; margin: 80px auto; display: flex; flex-direction: column; gap: 12px; }
|
||||
|
||||
.dnd-list { list-style: none; padding: 0; margin: 0 0 8px; }
|
||||
.dnd-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 6px 8px;
|
||||
margin-bottom: 4px;
|
||||
background: #1a1a1a;
|
||||
border: 1px solid #333;
|
||||
border-radius: 6px;
|
||||
cursor: grab;
|
||||
}
|
||||
.dnd-item:active { cursor: grabbing; }
|
||||
.dnd-item.drop-target { border-color: #6aa; background: #1a2630; }
|
||||
.dnd-item .grip { opacity: 0.4; cursor: grab; user-select: none; }
|
||||
.dnd-item .dnd-name { flex: 1; }
|
||||
.dnd-list li.muted { padding: 6px 8px; }
|
||||
|
|
|
|||
Loading…
Reference in a new issue