Skip to content

Commit ecd58f6

Browse files
Junyi-99Junyi-99
committed
settings page
1 parent d5770c2 commit ecd58f6

10 files changed

Lines changed: 572 additions & 114 deletions

File tree

‎webapp/_webapp/package.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,12 @@
66
"scripts": {
77
"dev": "nodemon --watch src --ext ts,js,tsx,jsx,json --exec 'npm run build'",
88
"dev:chat": "vite dev --config vite.config.dev.ts",
9-
"build": "tsc -b && npm run _build:default && npm run _build:background && npm run _build:intermediate",
9+
"build": "tsc -b && npm run _build:default && npm run _build:background && npm run _build:intermediate && npm run _build:settings",
1010
"_build": "vite build",
1111
"_build:default": "VITE_CONFIG=default npm run _build",
1212
"_build:background": "VITE_CONFIG=background npm run _build",
1313
"_build:intermediate": "VITE_CONFIG=intermediate npm run _build",
14+
"_build:settings": "VITE_CONFIG=settings npm run _build",
1415
"lint": "eslint .",
1516
"format": "prettier --write .",
1617
"build:local:chrome": "bash -c 'source ./scripts/build-local-chrome.sh'",

‎webapp/_webapp/public/popup.html‎

Lines changed: 125 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -1,114 +1,130 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>PaperDebugger</title>
7-
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@600&display=swap" rel="stylesheet" />
8-
<style>
9-
html,
10-
body {
11-
height: 100%;
12-
margin: 0;
13-
padding: 0;
14-
}
15-
body {
16-
padding: 1rem;
17-
padding-left: 1.5rem;
18-
min-width: 280px;
19-
max-width: 340px;
20-
min-height: 220px;
21-
background: #fafafa;
22-
color: #222;
23-
font-family:
24-
"Exo 2",
25-
-apple-system,
26-
BlinkMacSystemFont,
27-
"Segoe UI",
28-
Roboto,
29-
"Helvetica Neue",
30-
Arial,
31-
sans-serif;
32-
border: 1px solid #ececec;
33-
box-sizing: border-box;
34-
display: flex;
35-
flex-direction: column;
36-
justify-content: space-between;
37-
height: 100%;
38-
}
39-
.title {
40-
font-size: 1.5rem;
41-
font-weight: 600;
42-
letter-spacing: 0.02em;
43-
text-align: left;
44-
font-family: "Exo 2", sans-serif;
45-
}
46-
.subtitle {
47-
font-size: 1rem;
48-
font-weight: 600;
49-
letter-spacing: 0.02em;
50-
text-align: left;
51-
font-family: "Exo 2", sans-serif;
52-
}
53-
.steps {
54-
margin: 0.5rem 0 0 0;
55-
padding: 0 0rem;
56-
flex: 1;
57-
}
58-
.step {
59-
font-size: 0.9rem;
60-
font-weight: 400;
61-
margin-bottom: 0.7rem;
62-
line-height: 1.5;
63-
border-left: 3px solid #e0e0e0;
64-
padding-left: 0.7em;
65-
background: none;
66-
border-radius: 0;
67-
}
68-
.step strong {
69-
color: #3b82f6;
70-
font-weight: 600;
71-
margin-right: 0.3em;
72-
}
73-
.footer {
74-
font-size: 0.75rem;
75-
text-align: right;
76-
font-weight: 100;
77-
color: #888;
78-
padding: 0.7rem 1.2rem 1.1rem 0;
79-
border-top: 1px solid #ececec;
80-
background: none;
81-
border-radius: 0;
82-
letter-spacing: 0.01em;
83-
}
84-
.highlight {
85-
color: #3b82f6;
86-
font-weight: 600;
87-
}
88-
.noselect {
89-
-webkit-user-select: none;
90-
-moz-user-select: none;
91-
-ms-user-select: none;
92-
user-select: none;
93-
}
94-
.nodrag {
95-
-webkit-user-drag: none;
96-
-webkit-user-select: none;
97-
-webkit-user-select: none;
98-
}
99-
</style>
100-
</head>
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>PaperDebugger</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@600&display=swap" rel="stylesheet" />
9+
<style>
10+
html,
11+
body {
12+
height: 100%;
13+
margin: 0;
14+
padding: 0;
15+
}
16+
17+
body {
18+
padding: 1rem;
19+
padding-left: 1.5rem;
20+
min-width: 280px;
21+
max-width: 340px;
22+
min-height: 220px;
23+
background: #fafafa;
24+
color: #222;
25+
font-family:
26+
"Exo 2",
27+
-apple-system,
28+
BlinkMacSystemFont,
29+
"Segoe UI",
30+
Roboto,
31+
"Helvetica Neue",
32+
Arial,
33+
sans-serif;
34+
border: 1px solid #ececec;
35+
box-sizing: border-box;
36+
display: flex;
37+
flex-direction: column;
38+
justify-content: space-between;
39+
height: 100%;
40+
}
41+
42+
.title {
43+
font-size: 1.5rem;
44+
font-weight: 600;
45+
letter-spacing: 0.02em;
46+
text-align: left;
47+
font-family: "Exo 2", sans-serif;
48+
}
49+
50+
.subtitle {
51+
font-size: 1rem;
52+
font-weight: 600;
53+
letter-spacing: 0.02em;
54+
text-align: left;
55+
font-family: "Exo 2", sans-serif;
56+
}
57+
58+
.steps {
59+
margin: 0.5rem 0 0 0;
60+
padding: 0 0rem;
61+
flex: 1;
62+
}
63+
64+
.step {
65+
font-size: 0.9rem;
66+
font-weight: 400;
67+
margin-bottom: 0.7rem;
68+
line-height: 1.5;
69+
border-left: 3px solid #e0e0e0;
70+
padding-left: 0.7em;
71+
background: none;
72+
border-radius: 0;
73+
}
74+
75+
.step strong {
76+
color: #3b82f6;
77+
font-weight: 600;
78+
margin-right: 0.3em;
79+
}
80+
81+
.footer {
82+
font-size: 0.75rem;
83+
text-align: right;
84+
font-weight: 100;
85+
color: #888;
86+
padding: 0.7rem 1.2rem 1.1rem 0;
87+
border-top: 1px solid #ececec;
88+
background: none;
89+
border-radius: 0;
90+
letter-spacing: 0.01em;
91+
}
92+
93+
.highlight {
94+
color: #3b82f6;
95+
font-weight: 600;
96+
}
97+
98+
.noselect {
99+
-webkit-user-select: none;
100+
-moz-user-select: none;
101+
-ms-user-select: none;
102+
user-select: none;
103+
}
104+
105+
.nodrag {
106+
-webkit-user-drag: none;
107+
-webkit-user-select: none;
108+
-webkit-user-select: none;
109+
}
110+
</style>
111+
</head>
101112
<body oncontextmenu="return false" class="nodrag">
102113
<div oncontextmenu="return false" class="title noselect">PaperDebugger</div>
103-
<div class="subtitle noselect">How to use</div>
104-
<div class="steps noselect">
105-
<div class="step">
106-
<strong>1.</strong>In
107-
<a class="highlight nodrag" href="https://overleaf.com/project" target="_blank">overleaf.com</a>, open any of
108-
your projects.
109-
</div>
110-
<div class="step"><strong>2.</strong>PaperDebugger is in the <b>top left</b> of the project page.</div>
114+
<div class="subtitle noselect">How to use</div>
115+
<div class="steps noselect">
116+
<div class="step">
117+
<strong>1.</strong>In
118+
<a class="highlight nodrag" href="https://overleaf.com/project" target="_blank">overleaf.com</a>, open any of
119+
your projects.
111120
</div>
112-
<div class="footer noselect">Happy writing!</div>
113-
</body>
114-
</html>
121+
<div class="step"><strong>2.</strong>PaperDebugger is in the <b>top left</b> of the project page.</div>
122+
</div>
123+
<div class="footer noselect">Happy writing!</div>
124+
125+
<button id="myButton">Request Permissions</button>
126+
127+
<script src="popup.js"></script>
128+
129+
</body>
130+
</html>

0 commit comments

Comments
 (0)