me.webbeef.org
forked from
me.webbeef.org/browser.html
Rewild Your Web
system: simplify mobile overview
This removes the redundant icons at the top of the overview
webbeef.tngl.sh
+4
-34
-18
resources/browserhtml/system/mobile_overview.css
-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
+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}>