fixed action issue in button style in glassview

lastcode802 · Nov 7, 2022 · fc1de1a · fc1de1a
1 parent 2dc3ace
commit fc1de1a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/src/components/GlassArView/index.css b/src/components/GlassArView/index.css
@@ -95,6 +95,10 @@
   }
   .JeelizVTOWidgetContainer {
     width: 1000px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
   }
   .buttonIcon {
     display: inline-block;

diff --git a/src/components/GlassArView/index.tsx b/src/components/GlassArView/index.tsx
@@ -117,7 +117,16 @@ export function GlassArView(this: any, props: GlassArViewProps) {
     <div className='JeelizVTOWidgetContainer' >
       <div ref={refPlaceHolder} className='JeelizVTOWidget' style={{ height: isheight, width: iswidth }}>
         <canvas ref={refCanvas} className='JeelizVTOWidgetCanvas'></canvas>
-        <div className='JeelizVTOWidgetButtonContainer'>
+
+
+        <div ref={refLoading} className='JeelizVTOWidgetLoading'>
+          <div className='JeelizVTOWidgetLoadingText'>
+            LOADING...
+          </div>
+        </div>
+
+      </div>
+      <div className='JeelizVTOWidgetButtonContainer'>
           {
             adjustMode && (
               <div className='JeelizVTOWidgetAdjustNoticeContainer' >
@@ -147,14 +156,6 @@ export function GlassArView(this: any, props: GlassArViewProps) {
             )
           }
         </div>
-
-        <div ref={refLoading} className='JeelizVTOWidgetLoading'>
-          <div className='JeelizVTOWidgetLoadingText'>
-            LOADING...
-          </div>
-        </div>
-
-      </div>
     </div>
   )
 }