refactor: remove mobile warning message from MapPlaceholder component
Build and Release / release (push) Successful in 1m25s

This commit is contained in:
taDuc
2026-06-10 13:05:04 +07:00
parent 32dabcff9c
commit 0462ed1ef5
2 changed files with 1 additions and 22 deletions
+1 -1
View File
@@ -68,4 +68,4 @@
"react-dom": "^16.8.0 || ^17 || ^18 || ^19"
}
}
}
}
@@ -106,21 +106,6 @@ export default function MapPlaceholder({ onEnter }: MapPlaceholderProps) {
Hành trình khám phá biên giới, quốc gia các sự kiện lịch sử thế giới qua bản đ tương tác theo dòng thời gian.
</p>
<p
className="map-placeholder-mobile-warning"
style={{
fontFamily: "Georgia, serif",
fontSize: "14px",
fontWeight: 700,
color: "#ef4444",
lineHeight: 1.5,
margin: 0,
maxWidth: "520px",
textShadow: "0 1px 2px rgba(0, 0, 0, 0.8)",
}}
>
Hiện dự án chỉ hỗ trợ tốt trên máy tính; phiên bản di đng chưa n đnh.
</p>
</div>
{/* Bottom hint "nhấn vào chỗ bất kì để vào" with a slow breathing/fade pulse animation */}
@@ -155,12 +140,6 @@ export default function MapPlaceholder({ onEnter }: MapPlaceholderProps) {
</div>
<style dangerouslySetInnerHTML={{
__html: `
@media (min-width: 1024px) {
.map-placeholder-mobile-warning {
display: none;
}
}
@keyframes placeholder-pulse {
0%, 100% { opacity: 0.35; transform: scale(0.98); }
50% { opacity: 0.95; transform: scale(1); }