create-mellowtel-extension
Version:
Create a new Mellowtel browser extension with one command
62 lines (55 loc) • 1.39 kB
HTML
<html>
<head>
<title>Mellowtel Extension</title>
<style>
body {
width: 300px;
padding: 15px;
font-family: Arial, sans-serif;
}
.container {
display: flex;
flex-direction: column;
gap: 10px;
}
button {
padding: 8px 16px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
button:hover {
background-color: #0056b3;
}
.header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.logo {
width: 48px;
height: 48px;
object-fit: contain;
}
h1 {
margin: 0;
font-size: 18px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<img src="../icons/mellowtel_logo.jpeg" alt="Mellowtel Logo" class="logo">
<h1>Mellowtel Extension</h1>
</div>
<button id="settingsButton">Open Settings</button>
</div>
<script src="../popup.js"></script>
</body>
</html>