Hugging Face's logo

Spaces:
aaurelions
/
drones
Running

App Files Community
aaurelions commited on
Commit
a97993e
·
verified ·
1 Parent(s): 332dc1c

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +16 -2
index.html CHANGED
@@ -64,20 +64,34 @@
64
  <div class="w-16 h-16 border-4 border-dashed rounded-full animate-spin border-blue-500"></div>
65
  <p class="mt-4 text-xl tracking-wider text-white">Initializing Viewer...</p>
66
  </div>
 
 
 
 
 
 
 
 
67
 
68
- <aside id="model-panel" class="side-panel fixed top-0 left-0 h-full w-72 max-w-[80vw] z-30">
69
  <div class="h-full flex flex-col">
70
  <div class="flex-shrink-0 flex justify-between items-center p-5">
71
  <h2 class="text-xl font-bold text-white">Models</h2>
 
 
 
72
  </div>
73
  <div id="model-selector" class="panel-content flex-grow overflow-y-auto px-2 space-y-1 pb-5"></div>
74
  </div>
75
  </aside>
76
 
77
- <aside id="panorama-panel" class="side-panel fixed top-0 right-0 h-full w-80 max-w-[80vw] z-30">
78
  <div class="h-full flex flex-col">
79
  <div class="flex-shrink-0 flex justify-between items-center p-5">
80
  <h2 class="text-xl font-bold text-white">Panoramas</h2>
 
 
 
81
  </div>
82
  <div id="panorama-gallery" class="panel-content flex-grow overflow-y-auto px-4 grid grid-cols-2 gap-3 pb-5"></div>
83
  </div>
 
64
  <div class="w-16 h-16 border-4 border-dashed rounded-full animate-spin border-blue-500"></div>
65
  <p class="mt-4 text-xl tracking-wider text-white">Initializing Viewer...</p>
66
  </div>
67
+
68
+ <!-- Panel Triggers -->
69
+ <button id="model-panel-trigger" class="panel-trigger glass-ui absolute top-1/2 -translate-y-1/2 left-0 z-20 rounded-r-lg p-3">
70
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7l8 4"/></svg>
71
+ </button>
72
+ <button id="panorama-panel-trigger" class="panel-trigger glass-ui absolute top-1/2 -translate-y-1/2 right-0 z-20 rounded-l-lg p-3">
73
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
74
+ </button>
75
 
76
+ <aside id="model-panel" class="side-panel left glass-ui fixed top-0 left-0 h-full w-72 max-w-[80vw] z-30">
77
  <div class="h-full flex flex-col">
78
  <div class="flex-shrink-0 flex justify-between items-center p-5">
79
  <h2 class="text-xl font-bold text-white">Models</h2>
80
+ <button id="close-model-panel" class="p-2 rounded-full hover:bg-gray-700">
81
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
82
+ </button>
83
  </div>
84
  <div id="model-selector" class="panel-content flex-grow overflow-y-auto px-2 space-y-1 pb-5"></div>
85
  </div>
86
  </aside>
87
 
88
+ <aside id="panorama-panel" class="side-panel right glass-ui fixed top-0 right-0 h-full w-80 max-w-[80vw] z-30">
89
  <div class="h-full flex flex-col">
90
  <div class="flex-shrink-0 flex justify-between items-center p-5">
91
  <h2 class="text-xl font-bold text-white">Panoramas</h2>
92
+ <button id="close-panorama-panel" class="p-2 rounded-full hover:bg-gray-700">
93
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
94
+ </button>
95
  </div>
96
  <div id="panorama-gallery" class="panel-content flex-grow overflow-y-auto px-4 grid grid-cols-2 gap-3 pb-5"></div>
97
  </div>