From 0462ed1ef5fdde4662b0b3157055edf5315bcf43 Mon Sep 17 00:00:00 2001
From: taDuc <tranduc.wsp@gmail.com>
Date: Wed, 10 Jun 2026 13:05:04 +0700
Subject: [PATCH] refactor: remove mobile warning message from MapPlaceholder
 component

---
 package.json                                  |  2 +-
 src/uhm/components/preview/MapPlaceholder.tsx | 21 -------------------
 2 files changed, 1 insertion(+), 22 deletions(-)

diff --git a/package.json b/package.json
index b7a519a..7a0b48c 100644
--- a/package.json
+++ b/package.json
@@ -68,4 +68,4 @@
       "react-dom": "^16.8.0 || ^17 || ^18 || ^19"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/uhm/components/preview/MapPlaceholder.tsx b/src/uhm/components/preview/MapPlaceholder.tsx
index f09e405..ae83ebf 100644
--- a/src/uhm/components/preview/MapPlaceholder.tsx
+++ b/src/uhm/components/preview/MapPlaceholder.tsx
@@ -106,21 +106,6 @@ export default function MapPlaceholder({ onEnter }: MapPlaceholderProps) {
                     Hành trình khám phá biên giới, quốc gia và 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); }