Rewild Your Web
web browser dweb

system: simplify mobile overview

This removes the redundant icons at the top of the overview

+4 -34
-18
resources/browserhtml/system/mobile_overview.css
··· 68 68 gap: var(--spacing-sm); 69 69 } 70 70 71 - .header-button { 72 - background: var(--bg-menu); 73 - border: none; 74 - color: var(--color-text-menu); 75 - width: 40px; 76 - height: 40px; 77 - border-radius: 50%; 78 - display: flex; 79 - align-items: center; 80 - justify-content: center; 81 - cursor: pointer; 82 - transition: background 0.2s ease; 83 - } 84 - 85 - .header-button:hover { 86 - background: var(--color-menu-item-hover); 87 - } 88 - 89 71 .grid { 90 72 flex: 1; 91 73 overflow-y: auto;
+4 -16
resources/browserhtml/system/mobile_overview.js
··· 43 43 new CustomEvent("tab-select", { 44 44 bubbles: true, 45 45 detail: { tabId: tab.id }, 46 - }) 46 + }), 47 47 ); 48 48 this.close(); 49 49 } ··· 60 60 new CustomEvent("tab-close", { 61 61 bubbles: true, 62 62 detail: { tabId: tab.id }, 63 - }) 63 + }), 64 64 ); 65 65 }, 300); 66 66 } ··· 72 72 73 73 handleHome() { 74 74 this.dispatchEvent(new CustomEvent("tab-home", { bubbles: true })); 75 - this.close(); 76 - } 77 - 78 - handleDone() { 79 75 this.close(); 80 76 } 81 77 ··· 123 119 new CustomEvent("tab-close", { 124 120 bubbles: true, 125 121 detail: { tabId: tab.id }, 126 - }) 122 + }), 127 123 ); 128 124 }, 300); 129 125 } else { ··· 143 139 <div class="container"> 144 140 <div class="header"> 145 141 <span class="header-title">${tabText}</span> 146 - <div class="header-actions"> 147 - <button class="header-button" @click=${this.handleHome}> 148 - <lucide-icon name="house"></lucide-icon> 149 - </button> 150 - <button class="header-button" @click=${this.handleDone}> 151 - <lucide-icon name="check"></lucide-icon> 152 - </button> 153 - </div> 154 142 </div> 155 143 156 144 <div class="grid"> ··· 183 171 <lucide-icon name="x"></lucide-icon> 184 172 </button> 185 173 </div> 186 - ` 174 + `, 187 175 )} 188 176 189 177 <div class="home-card" @click=${this.handleHome}>