Files
tools-app/extension/popup.html

56 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Tools App Extension</title>
<style>
body {
width: 250px;
padding: 15px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background-color: #f5f5f5;
user-select: none;
}
h3 {
margin-top: 0;
color: #333;
}
.status {
padding: 10px;
border-radius: 6px;
background: #e0e0e0;
margin-top: 10px;
font-size: 14px;
}
.status.active {
background: #e3f2fd;
color: #1565c0;
border: 1px solid #90caf9;
}
.footer {
margin-top: 15px;
font-size: 12px;
color: #666;
text-align: center;
}
</style>
</head>
<body>
<h3>Tools App Extension</h3>
<div class="status active">
Extension is active and ready to communicate with Tools App.
</div>
<div style="margin-top: 15px;">
<label style="display: flex; align-items: center; cursor: pointer;">
<input type="checkbox" id="soundToggle" style="margin-right: 8px;">
<span>Play sound on capture</span>
</label>
</div>
<div class="footer">
Visit <a href="https://tools.7u.pl" target="_blank">tools.7u.pl</a>
</div>
<script src="popup.js"></script>
</body>
</html>