mirror of
https://github.com/imputnet/cobalt.git
synced 2025-06-28 09:28:29 +00:00
42f2bbf6a6
This commit introduces a Chrome extension that provides a side panel interface to facilitate video downloads using Cobalt. Key features: - A side panel UI with an input field for video URLs and a download button. - Redirects you to the Cobalt website (cobalt.tools) with the video URL for processing. - Basic URL validation and error handling for your input. - Includes necessary manifest.json, HTML, CSS, and JavaScript files. - Placeholder icons are included. The extension allows you to quickly send video URLs to Cobalt directly from your browser's side panel.
45 lines
935 B
CSS
45 lines
935 B
CSS
body {
|
|
font-family: sans-serif;
|
|
padding: 10px;
|
|
background-color: #f0f0f0;
|
|
min-width: 250px; /* Ensure sidepanel has some minimum width */
|
|
}
|
|
|
|
h1 {
|
|
color: #333;
|
|
font-size: 1.2em; /* Slightly smaller h1 for a side panel */
|
|
text-align: center;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
p {
|
|
color: #555;
|
|
font-size: 0.9em; /* Slightly smaller p for a side panel */
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#videoUrl {
|
|
width: calc(100% - 22px); /* Adjust width considering padding/border */
|
|
padding: 8px 10px;
|
|
margin-bottom: 10px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
box-sizing: border-box; /* Important for width calculation */
|
|
}
|
|
|
|
#downloadButton {
|
|
padding: 10px 15px;
|
|
background-color: #007bff;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
width: 100%; /* Make button full width */
|
|
font-size: 1em;
|
|
margin-top: 5px; /* Added margin-top */
|
|
}
|
|
|
|
#downloadButton:hover {
|
|
background-color: #0056b3;
|
|
}
|