Fix horizontal overflow: overflow-x-hidden on body and app, remove shrink-0 from 42ch spans

The 42ch fixed-width spans with shrink-0 prevented flex from shrinking them when the container was narrower, causing horizontal scrolling. Also added overflow-x: hidden on body and #app as a safety net.
2026-02-26 02:29:11 +07:00
parent 3eeaa7a7b2
commit cef3d2ad37
4 changed files with 5 additions and 8 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">
+        <div id="app" class="p-2 overflow-x-hidden">
            <!-- ============ GLOBAL TITLE BAR ============ -->
            <div
                class="flex justify-between items-center border-b border-border pb-1 mb-2"
@@ -201,11 +201,7 @@
                    class="flex text-xs mb-3 cursor-pointer"
                    title="Click to copy"
                >
-                    <span
-                        id="address-full"
-                        class="shrink-0"
-                        style="width: 42ch"
-                    ></span>
+                    <span id="address-full" style="width: 42ch"></span>
                    <span
                        id="address-usd-total"
                        class="text-right text-muted flex-1"