File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 6666 background : var (--surface-2 );
6767 display : grid;
6868 gap : 0.75rem ;
69+ cursor : grab;
6970 }
7071
7172 .exercise-block .dragging {
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>
You can’t perform that action at this time.
0 commit comments