Add right padding on #app for overlay scrollbar gutter

2026-02-26 03:14:39 +07:00
parent ff3554e24e
commit 4765bf835f
2 changed files with 2 additions and 2 deletions
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -7,7 +7,7 @@
        <link rel="stylesheet" href="styles.css" />
    </head>
    <body class="bg-bg text-fg font-mono text-sm">
-        <div id="app" class="p-2 overflow-x-hidden">
+        <div id="app" class="p-2 pr-4 overflow-x-hidden">
            <!-- ============ GLOBAL TITLE BAR ============ -->
            <div
                class="flex justify-between items-center border-b border-border pb-1 mb-2"
--- a/src/popup/styles/main.css
+++ b/src/popup/styles/main.css
@@ -14,6 +14,6 @@
 }

 body {
-    width: 412px;
+    width: 396px;
    overflow-x: hidden;
 }