<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>
<div class="email-bar"> <div class="email-display"> <span>📩 Your Temp Email:</span> <span id="emailAddress">loading...</span> </div> <button class="copy-btn" id="copyBtn">📋 Copy</button> <button class="refresh-btn new-email-btn" id="newEmailBtn">🔄 New Email Address</button> <button class="refresh-btn" id="refreshInboxBtn">⟳ Refresh Inbox</button> </div> temp mail script
.inbox-header { padding: 15px 20px; background: #edf2f7; border-bottom: 1px solid #e2e8f0; font-weight: bold; display: flex; justify-content: space-between; } <div class="main-content"> <