From 00bde46c5ecad3fcb534de2dc615ab4995ec1210 Mon Sep 17 00:00:00 2001
From: locphamtran <tranloclqd@gmail.com>
Date: Fri, 12 Jun 2026 20:23:00 +0700
Subject: [PATCH] =?UTF-8?q?t=E1=BB=B1=20=C4=91=E1=BB=99ng=20di=20chuy?=
 =?UTF-8?q?=E1=BB=83n=20khi=20load=20=E1=BA=A3nh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/css/style.css   | 11 +++++++----
 frontend/js/viewer360.js |  4 ++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/css/style.css b/frontend/css/style.css
index c654d7c..bc55409 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -111,11 +111,13 @@ html, body {
 
 #close-viewer-btn {
     position: absolute;
-    top: 20px;
-    left: 60px;
+    top: 5px;
+    left: 40px;
     padding: 12px 24px;
-    background: rgba(255, 255, 255, 0.9);
-    border: none;
+    background: rgba(255, 255, 255, 0.1);
+    border: white solid 1px;
+    border-radius: 10px;
+    color: rgba(255, 255, 255, 0.9);
     border-radius: 5px;
     font-weight: bold;
     cursor: pointer;
@@ -125,6 +127,7 @@ html, body {
 
 #close-viewer-btn:hover {
     background: white;
+    color: rgba(44, 44, 44, 0.9);
 }
 /* Modal Overlay */
 .modal-overlay {
diff --git a/frontend/js/viewer360.js b/frontend/js/viewer360.js
index 4a3c9f2..5edffeb 100644
--- a/frontend/js/viewer360.js
+++ b/frontend/js/viewer360.js
@@ -119,9 +119,13 @@ function initPanoramaViewer(imageUrl, hotspots = [], ownerId = null, initialPitc
     activeViewer = pannellum.viewer('panorama-viewer', {
         "type": "equirectangular",
         "panorama": imageUrl,
+        "autoRotate": 0,
+        "autoRotateInactivityDelay": 5000,
         "autoLoad": true,
         "pitch": initialPitch,
         "yaw": initialYaw,
+        "orientationOnByDefault": true,
+        "draggable": true,
         "showControls": true,
         "compass": false,
         "mouseZoom": true,