.emoji-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 15px; justify-items: center; margin-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto; } @media (max-width: 1024px) { .emoji-grid { grid-template-columns: repeat(5, 1fr); } } @media (max-width: 600px) { .emoji-grid { grid-template-columns: repeat(3, 1fr); } } .emoji-box { text-align: center; padding: 12px; border-radius: 10px; background-color: #f9f9f9; border: 1px solid #ccc; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); width: 100%; max-width: 70px; } .emoji-symbol { font-size: 28px; margin-bottom: 8px; user-select: none; } .copy-btn { background-color: #1e73be; color: white; border: none; padding: 5px 10px; border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: bold; } .copy-btn:hover { background-color: #155a96; } const container = document.getElementById('media-emojis-container'); const mediaEmojis = [ "📷", "📸", "📹", "🎥", "🎬", "📽️", "📺", "📻", "🎙️", "🎚️", "🎛️", "🎧", "🎼", "🎵", "🎶", "🎤", "📞", "📟", "📠", "📱", "📲", "☎️", "🖥️", "💻", "🖨️", "🖱️", "🖲️", "💽", "💾", "💿", "📀", "📼", "📡", "📶", "📳", "📴", "🛰️", "🔋", "🔌", "💡", "🔦", "🕯️", "📊", "📈", "📉", "🗂️", "🗃️", "🗄️", "📁", "📂", "📰", "🗞️", "📑", "📄", "📃", "📜", "📋", "📅", "📆", "🗓️", "📇", "📈", "📉", "📊", "🗃️", "🗂️", "📌", "📍", "📎", "🖇️", "✂️", "📝", "✏️", "✒️", "🖋️", "🖊️", "🖌️", "🖍️", "🔍", "🔎", "🔏", "🔐", "🔒", "🔓", "🧮", "📚", "📖", "📕", "📗", "📘", "📙", "📔", "📒", "📓", "🔖", "🧾", "💼", "📂", "🗄️", "🗃️" ]; mediaEmojis.forEach(emoji => { const div = document.createElement('div'); div.className = 'emoji-box'; div.innerHTML = ` ${emoji} نسخ `; container.appendChild(div); }); function copyEmoji(emoji) { navigator.clipboard.writeText(emoji).then(() => { alert('✅ تم نسخ: ' + emoji); }).catch(() => { alert('❌ فشل النسخ'); }); }
