Hide-Amazon-Brands/popup.html at main · bobjoerules/Hide-Amazon-Brands · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Blocked Brands</title>
        <style>
            body, textarea{
                font-family: Verdana, Tahoma, sans-serif;
                color: white;
                border-radius: 5px;
            }
            body {
                background-color: #222222;
                padding: 10px;
                width: 250px;
            }
            textarea {
                background-color: #333333;
                width: 250px;
                height: 120px;
                resize: none;
            }
            button {
                margin-top: 8px;
                padding: 6px;
                border: none;
                border-radius: 4px;
                cursor: pointer;
                font-weight: bold;
            }
        </style>
    </head>
    <body>
        <h3 style="text-align: center;"><img id="icon" src="white-icon.png" width="20" height="auto" style="vertical-align: middle;"> Blocked Brands On Amazon</h3>
        <textarea id="brands"></textarea>
        <div style="display:flex; width: 256px;">
            <button style="margin-left:none; margin-right:5px; width:30px; background: #555555; color: white;" id="toggle">👁️</button>
            <button style="flex:1; background: #ff9900;" id="save">Save</button>
            <button style="margin-left:5px; margin-right:none; width:30px; background: #555555; color: white;" id="mode">☀️</button>
        </div>
        <script src="popup.js"></script>
    </body>
</html>