From 05200c8d48bac683cff758a6f300164db13704d5 Mon Sep 17 00:00:00 2001
From: kyuuseiryuu <kyuuseiryuu@gmail.com>
Date: Mon, 16 Mar 2026 23:57:34 +0900
Subject: [PATCH] style(AppBar): adjust container positioning and width

The AppBar container was previously positioned exactly at the bottom of the viewport, causing a potential 1px gap or overflow issue on certain screens.

- Changed `bottom` from `0` to `-1px` to pull the bar slightly up.
- Adjusted `left` to `-2px` and `width` to `calc(100vw + 4px)` to compensate for the negative left offset and ensure the bar spans the full visible area without horizontal scroll.

This ensures the fixed bar aligns perfectly with the viewport edges in all scenarios.
---
 src/components/AppBar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/AppBar.tsx b/src/components/AppBar.tsx
index 06ace64..f4e3dfe 100644
--- a/src/components/AppBar.tsx
+++ b/src/components/AppBar.tsx
@@ -6,8 +6,9 @@ import { isRunningStandalone } from "../utils/front";
 
 const StyledContainer = styled.div`
   position: fixed;
-  bottom: 0;
-  width: 100vw;
+  bottom: -1px;
+  left: -2px;
+  width: calc(100vw + 4px);
   box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
   z-index: 1;
   background: #181818;