feat: improve Clipboard Sniffer extension integration and UI fixes
This commit is contained in:
55
extension/popup.html
Normal file
55
extension/popup.html
Normal file
@@ -0,0 +1,55 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user