<div class="quick-links"> <h4>Quick Access</h4> <div class="links-grid"> <button class="quick-btn" data-category="windows">Windows</button> <button class="quick-btn" data-category="mac">macOS</button> <button class="quick-btn" data-category="linux">Linux</button> <button class="quick-btn" data-category="games">Games</button> <button class="quick-btn" data-category="tutorials">Tutorials</button> </div> </div>
#searchBtn { width: 100%; padding: 10px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: transform 0.2s, box-shadow 0.2s; }
.quick-btn:hover { background: #667eea; color: white; border-color: #667eea; }
// Listen for messages from content scripts chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { if (request.action === 'getPageInfo') { sendResponse({ url: sender.tab.url, title: sender.tab.title }); } return true; });
.footer button { flex: 1; padding: 8px; background: white; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: 12px; transition: all 0.2s; }
.loading { text-align: center; color: #999; font-size: 12px; padding: 10px; }
<div class="quick-links"> <h4>Quick Access</h4> <div class="links-grid"> <button class="quick-btn" data-category="windows">Windows</button> <button class="quick-btn" data-category="mac">macOS</button> <button class="quick-btn" data-category="linux">Linux</button> <button class="quick-btn" data-category="games">Games</button> <button class="quick-btn" data-category="tutorials">Tutorials</button> </div> </div>
#searchBtn { width: 100%; padding: 10px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: transform 0.2s, box-shadow 0.2s; } filecr assistant chrome extension
.quick-btn:hover { background: #667eea; color: white; border-color: #667eea; } button class="quick-btn" data-category="windows">
// Listen for messages from content scripts chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { if (request.action === 'getPageInfo') { sendResponse({ url: sender.tab.url, title: sender.tab.title }); } return true; }); button class="quick-btn" data-category="mac">
.footer button { flex: 1; padding: 8px; background: white; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: 12px; transition: all 0.2s; }
.loading { text-align: center; color: #999; font-size: 12px; padding: 10px; }