.message-sender { font-weight: 600; color: #2d3748; margin-bottom: 5px; }
#emailAddress { flex: 1; font-family: monospace; font-size: 1rem; color: #2d3748; word-break: break-all; }
.message-item.active { background: #e9d8fd; border-left: 3px solid #667eea; }
/* Inbox Sidebar */ .inbox-sidebar { width: 35%; background: #fff; border-right: 1px solid #e2e8f0; display: flex; flex-direction: column; } temp mail script
/* Email Detail View */ .email-detail { width: 65%; background: #fff; display: flex; flex-direction: column; }
<div class="container"> <div class="header"> <h1>📧 TempMail</h1> <p>Disposable Temporary Email Address — Keep your real inbox spam-free</p> </div>
.message-subject { font-size: 0.85rem; color: #4a5568; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .message-sender { font-weight: 600
.email-display { flex: 1; display: flex; align-items: center; gap: 10px; background: white; border: 1px solid #cbd5e0; border-radius: 8px; padding: 8px 15px; }
.detail-body { padding: 25px; flex: 1; line-height: 1.6; color: #2d3748; white-space: pre-wrap; word-wrap: break-word; }
.container { max-width: 1200px; margin: 0 auto; background: white; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } } #emailAddress { flex: 1
<div class="main-content"> <!-- Inbox List --> <div class="inbox-sidebar"> <div class="inbox-header"> <span>📥 Inbox</span> <span id="messageCount">0 messages</span> </div> <div class="message-list" id="messageList"> <div class="no-messages">No emails yet. Send a test email!</div> </div> </div>
// If this is the currently viewed email, refresh UI if (currentEmail === email) { refreshInboxUI(); // Auto-select the newest message if detail view is open? optional } return newMessage; }
.message-item:hover { background: #f7fafc; }
.copy-btn, .refresh-btn { background: #667eea; color: white; border: none; padding: 8px 20px; border-radius: 8px; cursor: pointer; font-weight: 600; transition: all 0.2s; }
// Set a new email (reset inbox) function setNewEmail() { const newEmailAddr = generateNewEmail(); currentEmail = newEmailAddr; selectedMessageId = null; // Ensure we have storage for this email (maybe empty initially) if (!loadMessagesForEmail(currentEmail).length) { saveMessagesForEmail(currentEmail, []); } document.getElementById('emailAddress').innerText = currentEmail; refreshInboxUI(); // Restart auto email generation for new address if (intervalId) clearInterval(intervalId); startAutoGenerateEmails();