diff --git a/public/css/events.css b/public/css/events.css index d4e5770..d6d2eeb 100644 --- a/public/css/events.css +++ b/public/css/events.css @@ -64,32 +64,32 @@ } #event-detail-popup { - background: #1e1a14; - border: 1px solid rgba(255, 200, 80, 0.3); - border-radius: 12px; - padding: 24px; - min-width: 280px; - max-width: 420px; - width: 90%; - box-shadow: 0 8px 40px rgba(0, 0, 0, 0.7); - position: relative; - animation: eventDetailIn 0.18s ease forwards; - transform-origin: center center; + background: #1e1a14 !important; + border: 1px solid rgba(255, 200, 80, 0.3) !important; + border-radius: 6px !important; + padding: 12px !important; + width: 210px !important; + min-width: unset !important; + max-width: unset !important; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7) !important; + position: relative !important; + transform: none !important; + animation: eventDetailIn 0.18s ease forwards !important; } @keyframes eventDetailIn { - from { opacity: 0; transform: scale(0.46) translateY(8px); } - to { opacity: 1; transform: scale(0.5) translateY(0); } + from { opacity: 0; transform: translateY(6px); } + to { opacity: 1; transform: translateY(0); } } #event-detail-popup .edp-close { position: absolute; - top: 10px; - right: 12px; + top: 6px; + right: 8px; background: none; border: none; color: #888; - font-size: 18px; + font-size: 11px; cursor: pointer; line-height: 1; transition: color 0.1s; @@ -101,24 +101,24 @@ #event-detail-popup .edp-img { display: block; - margin: 0 auto 14px; - width: 80px; - height: 80px; + margin: 0 auto 8px; + width: 44px; + height: 44px; object-fit: contain; image-rendering: pixelated; } #event-detail-popup .edp-title { text-align: center; - font-size: 15px; + font-size: 11px; font-weight: bold; color: #f5c842; - margin-bottom: 10px; + margin-bottom: 6px; } #event-detail-popup .edp-body { - font-size: 13px; + font-size: 10px; color: #cccccc; - line-height: 1.7; + line-height: 1.6; text-align: center; }