Replace ghost action links with shared btn components in Queue.

Aligns kiosk, appointment, queue, and admin destructive actions with the Frontdesk pill-button pattern. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-09 06:38:09 +00:00
parent 5780ace7d0
commit cfef8bee06
12 changed files with 186 additions and 23 deletions
@@ -30,7 +30,7 @@
            <div class="border-t pt-4">
                <div class="mb-2 flex items-center justify-between">
                    <h2 class="text-sm font-semibold">Steps</h2>
-                    <button type="button" @click="steps.push({ name: '', service_queue_id: '' })" class="text-xs text-indigo-600">Add step</button>
+                    <x-btn type="button" @click="steps.push({ name: '', service_queue_id: '' })" variant="link" size="sm">Add step</x-btn>
                </div>
                <template x-for="(step, index) in steps" :key="index">
                    <div class="mb-3 grid grid-cols-2 gap-3 rounded-lg border p-3">
@@ -15,7 +15,7 @@
                    </select>
                </div>
            </template>
-            <button type="button" @click="steps.push({name:'',service_queue_id:''})" class="text-sm text-indigo-600">Add step</button>
+            <x-btn type="button" @click="steps.push({name:'',service_queue_id:''})" variant="link" size="sm">Add step</x-btn>
            <button type="submit" class="btn-primary w-full">Save workflow</button>
        </form>
    </div>