A rewrite of Poly+, my quality-of-life browser extension for Polytoria. Built entirely fresh using the WXT extension framework, Typescript, and with added better overall code quality.
extension
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <script src="main.ts" type="module"></script>
7 </head>
8 <body>
9 <dialog
10 class="polyplus-modal"
11 style="width: 95%; height: 95%; border: 1px solid #484848; background-color: #181818; border-radius: 20px; overflow: hidden"
12 >
13 <div class="row text-muted mb-2" style="font-size: 0.8rem">
14 <div class="col">
15 <h5 class="mb-0" style="color: #fff" id="modal-title"></h5>
16 <span id="modal-desc"></span>
17 </div>
18 <div class="col-auto">
19 <button id="modal-close" class="btn btn-info mx-auto">X</button>
20 </div>
21 </div>
22 <div
23 class="modal-body"
24 style="overflow-y: auto; height: calc(100% - 50px); padding-right: 10px; word-wrap: break-word; word-break: break-word"
25 >
26 </div>
27 </dialog>
28
29 <div class="container text-center mt-5">
30 <button id="view-preferences" class="btn btn-primary btn-sm w-100 mb-2">
31 View Preferences
32 </button>
33 <button id="view-cache" class="btn btn-warning btn-sm w-100 mb-2">
34 View Cache
35 </button>
36 <button id="expose-config" class="btn btn-secondary btn-sm w-100 mb-2">
37 Expose Config
38 </button>
39 </div>
40 </body>
41</html>