diff --git a/frontend/index.html b/frontend/index.html index 529d6dd..f399367 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -94,7 +94,7 @@ box-shadow: 0 1px 0 0 var(--tab-bg); } - /* ── Chrome (Linux + Mac) ── */ + /* ── Linux Chrome ── */ /* Inactive: always inset dimensions, separator via ::before */ .browser-chrome .tab { border-radius: 8px; @@ -134,84 +134,6 @@ box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1); } - /* ── Windows Chrome / Edge — rounded top only, more angular ── */ - .os-windows.browser-chrome .tab, - .os-windows.browser-edge .tab { - border-radius: 0; - margin: 3px 2px; - padding: 3px 12px; - height: 30px; - position: relative; - } - - .os-windows.browser-chrome .tab::before, - .os-windows.browser-edge .tab::before { - content: ""; - position: absolute; - left: -2px; - top: 25%; - height: 50%; - width: 1px; - background: var(--tab-border); - } - - .os-windows.browser-chrome .tab:hover::before, - .os-windows.browser-chrome .tab-active::before, - .os-windows.browser-chrome .tab:hover + .tab::before, - .os-windows.browser-chrome .tab-active + .tab::before, - .os-windows.browser-edge .tab:hover::before, - .os-windows.browser-edge .tab-active::before, - .os-windows.browser-edge .tab:hover + .tab::before, - .os-windows.browser-edge .tab-active + .tab::before { - background: transparent; - } - - .os-windows.browser-chrome .tab:hover, - .os-windows.browser-edge .tab:hover { - background: var(--tab-hover); - border-radius: 8px 8px 0 0; - } - - .os-windows.browser-chrome .tab-active, - .os-windows.browser-chrome .tab-active:hover, - .os-windows.browser-edge .tab-active, - .os-windows.browser-edge .tab-active:hover { - background: var(--tab-bg); - border-radius: 8px 8px 0 0; - box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1); - } - - /* ── Safari (Mac only) ── */ - /* Compact, flat, evenly spaced, no icons on inactive tabs */ - .browser-safari .tab { - border-radius: 6px; - margin: 0 1px; - height: 28px; - padding: 4px 10px; - min-width: 80px; - } - - .browser-safari .tab .tab-icon { - display: none; - } - - .browser-safari .tab:hover { - background: var(--tab-hover); - border-radius: 6px; - } - - /* Selected: subtle white pill, show icon */ - .browser-safari .tab-active, - .browser-safari .tab-active:hover { - background: var(--tab-bg); - border-radius: 6px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - } - - .browser-safari .tab-active .tab-icon { - display: inline; - } - .tab-about .tab-title { font-weight: 600; } @@ -297,16 +219,6 @@ border-radius: 8px; } - /* Safari: centered URL bar, more minimal */ - .browser-safari .iframe-urlbar { - justify-content: center; - border-radius: 8px; - } - - .browser-safari .iframe-urlbar .url-title { - display: none; - } - .iframe-urlbar .tab-icon { flex-shrink: 0; }