46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>MNote Vault</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
width: 280px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 12px;
|
||
|
|
font-family: system-ui, sans-serif;
|
||
|
|
background: #1a1d23;
|
||
|
|
color: #e8eaed;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
h1 { font-size: 14px; margin: 0 0 8px; }
|
||
|
|
.status { color: #9aa0a6; margin-bottom: 10px; font-size: 12px; }
|
||
|
|
.status.on { color: #4ade80; }
|
||
|
|
.status.off { color: #f87171; }
|
||
|
|
button {
|
||
|
|
width: 100%;
|
||
|
|
margin: 4px 0;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 8px;
|
||
|
|
padding: 8px;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 600;
|
||
|
|
background: #3b82f6;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
button.secondary { background: #2a2f3a; color: #e8eaed; }
|
||
|
|
#msg { margin-top: 8px; font-size: 11px; color: #9aa0a6; min-height: 1em; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>MNote Vault</h1>
|
||
|
|
<div id="status" class="status">检查中…</div>
|
||
|
|
<button type="button" id="savePage">保存当前页账号</button>
|
||
|
|
<button type="button" class="secondary" id="updateSession">更新当前页登录态</button>
|
||
|
|
<button type="button" class="secondary" id="options">打开连接设置</button>
|
||
|
|
<div id="msg"></div>
|
||
|
|
<script type="module" src="popup.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|