aiolabs/bitspire
9
0
Fork 0
Code Issues 52 Pull requests 2 Projects Releases Packages Wiki Activity Actions

fix(machine): add min-h-0 to view roots so content scrolls above debug bar

Browse source 
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>
This commit is contained in:
Patrick Mulligan 2026-02-20 10:36:22 -05:00
commit 56e7aa5f24
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/machine/src/views/CashInView.vue
View file

@ -187,7 +187,7 @@ const isProcessing = computed(() => atmStore.isPayingInvoice || atmStore.isReque
</script> </script>
<template> <template>
<div class="flex flex-1 flex-col"> <div class="flex min-h-0 flex-1 flex-col">
<!-- Header --> <!-- Header -->
<header class="flex items-center bg-black/30 px-4 pb-3 pt-12 sm:px-8 sm:py-4"> <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> <Button variant="ghost" class="text-muted-foreground" @click="cancel">← Cancel</Button>

2
apps/machine/src/views/CashOutView.vue
View file

@ -96,7 +96,7 @@ function formatFiat(cents: number): string {
</script> </script>
<template> <template>
<div class="flex flex-1 flex-col"> <div class="flex min-h-0 flex-1 flex-col">
<!-- Header --> <!-- Header -->
<header class="flex items-center bg-black/30 px-4 pb-3 pt-12 sm:px-8 sm:py-4"> <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> <Button variant="ghost" class="text-muted-foreground" @click="cancel">← Cancel</Button>