xuchao/pingxiangcard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: bottom bar safe-area adaptation (height → min-height)

Browse Source 
Affected pages:
- order-detail: bottom action bar
- card-buy: bottom price/pay bar
- reserve-index: bottom submit bar

Root cause: box-sizing:border-box + fixed height + padding-bottom:safe-area
caused buttons to overflow when safe area inset is large (iPhone X+).
Changed to min-height so bar expands naturally.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
jacobxu666
2026-06-26 11:49:40 +08:00
co-authored by Claude
parent 6eb4ab05ae
commit b85196fa2e
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/card-buy/card-buy.vue
+1 -1
View File
@@ -112,7 +112,7 @@ $bar-height: 120rpx;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
height: $bar-height; min-height: $bar-height;
background: $color-card; background: $color-card;
display: flex; display: flex;
align-items: center; align-items: center;
src/pages/order/order-detail.vue
+1 -1
View File
@@ -532,7 +532,7 @@ $bar-height: 120rpx;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
height: $bar-height; min-height: $bar-height;
background: $color-card; background: $color-card;
display: flex; display: flex;
align-items: center; align-items: center;
src/pages/reserve/reserve-index.vue
+1 -1
View File
@@ -612,7 +612,7 @@ $bar-height: 120rpx;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
height: $bar-height; min-height: $bar-height;
background: $color-card; background: $color-card;
display: flex; display: flex;
align-items: center; align-items: center;