Skip to content

Commit 307e400

Browse files
Improve workout manager UI cues (#30)
## Summary - hide the worker base URL from the API settings header - add drag handle styling and cursor hints so exercise blocks show they can be moved ------ [Codex Task](https://chatgpt.com/codex/tasks/task_e_6920342b904c8325aff4a033f227748f)
1 parent 626eac6 commit 307e400

1 file changed

Lines changed: 26 additions & 2 deletions

File tree

workout-manager.html

Lines changed: 26 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@
6666
background: var(--surface-2);
6767
display: grid;
6868
gap: 0.75rem;
69+
cursor: grab;
6970
}
7071

7172
.exercise-block.dragging {
@@ -80,6 +81,27 @@
8081
gap: 0.75rem;
8182
}
8283

84+
.exercise-heading {
85+
display: flex;
86+
align-items: center;
87+
gap: 0.6rem;
88+
flex-wrap: wrap;
89+
}
90+
91+
.drag-handle {
92+
display: inline-flex;
93+
align-items: center;
94+
gap: 6px;
95+
padding: 4px 10px;
96+
border-radius: 999px;
97+
border: 1px dashed var(--border);
98+
background: var(--surface-3);
99+
color: var(--text-muted);
100+
font-size: 0.9rem;
101+
cursor: grab;
102+
user-select: none;
103+
}
104+
83105
.exercise-controls {
84106
display: flex;
85107
gap: 0.5rem;
@@ -193,7 +215,6 @@ <h2>Create a new workout template</h2>
193215
<h2 style="margin: 0;">API settings</h2>
194216
<p class="status" style="margin: 4px 0 0;">Manage the bearer token stored in your browser.</p>
195217
</div>
196-
<span class="status">Base URL: https://workouts-production.rodrigogiraoserrao.workers.dev</span>
197218
</summary>
198219
<div class="stack" style="margin-top: 1rem;">
199220
<div class="form-group">
@@ -420,7 +441,10 @@ <h2 style="margin: 0;">API settings</h2>
420441

421442
wrapper.innerHTML = `
422443
<header>
423-
<strong class="exercise-label">Exercise</strong>
444+
<div class="exercise-heading">
445+
<strong class="exercise-label">Exercise</strong>
446+
<span class="drag-handle" aria-hidden="true">⇅ Drag to reorder</span>
447+
</div>
424448
<div class="exercise-controls">
425449
<button type="button" class="secondary" data-action="move-up" aria-label="Move up"
426450
title="Move up">↑</button>

0 commit comments

Comments
 (0)