From 56e7aa5f2411d3c7343ee1b44dafcf9be4bddbb8 Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Fri, 20 Feb 2026 10:36:22 -0500
Subject: [PATCH] fix(machine): add min-h-0 to view roots so content scrolls
 above debug bar

Without min-h-0, flex children won't shrink below their content size,
so the parent's pb-28 padding is ignored and the debug bar overlaps.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/machine/src/views/CashInView.vue  | 2 +-
 apps/machine/src/views/CashOutView.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/machine/src/views/CashInView.vue b/apps/machine/src/views/CashInView.vue
index 6fcd7df..48acc0c 100644
--- a/apps/machine/src/views/CashInView.vue
+++ b/apps/machine/src/views/CashInView.vue
@@ -187,7 +187,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
 </script>
 
 <template>
-  <div class="flex flex-1 flex-col">
+  <div class="flex min-h-0 flex-1 flex-col">
     <!-- Header -->
     <header class="flex items-center bg-black/30 px-4 pb-3 pt-12 sm:px-8 sm:py-4">
       <Button variant="ghost" class="text-muted-foreground" @click="cancel">← Cancel</Button>
diff --git a/apps/machine/src/views/CashOutView.vue b/apps/machine/src/views/CashOutView.vue
index 6634ebf..60fb7b0 100644
--- a/apps/machine/src/views/CashOutView.vue
+++ b/apps/machine/src/views/CashOutView.vue
@@ -96,7 +96,7 @@ function formatFiat(cents: number): string {
 </script>
 
 <template>
-  <div class="flex flex-1 flex-col">
+  <div class="flex min-h-0 flex-1 flex-col">
     <!-- Header -->
     <header class="flex items-center bg-black/30 px-4 pb-3 pt-12 sm:px-8 sm:py-4">
       <Button variant="ghost" class="text-muted-foreground" @click="cancel">← Cancel</Button>