Merge pull request #8 from Rectified-PointFlow/codex

udpate

Author: suniique

css/index-v4.css css/index-v5.csscss/index-v4.css renamed to css/index-v5.css

@@ -293,7 +293,7 @@ body {
   border-radius:16px;
   padding: 6px 14px;
   margin-left: 10px;
-  font-size: 1rem;
+  font-size: 0.85rem;
   cursor: pointer;
   transition: background 0.2s, border-color 0.2s;
 }
@@ -382,6 +382,8 @@ body {
   color: #333;
   margin-bottom: 10px;
   text-align: center;
+  align-items: center;
+  justify-content: center;
   line-height: 1.8;
 }
 
@@ -407,7 +409,8 @@ body {
   margin-top: 4px;
   margin-bottom: 5px;
   border-radius: 999px;
-  padding: 0.2rem 1rem;
+  margin-left: 1rem;
+  margin-right: 1rem;
   border: 1px solid rgba(79, 70, 229, 0.18);
   /* box-shadow: 0 38px 70px -48px rgba(79, 70, 229, 0.6); */
   color: #284065;
@@ -991,4 +994,9 @@ pre {
     font-size: 0.8rem;
     min-width: 120px;
   }
+
+  .tab-button {
+    font-size: 0.85rem !important;
+    padding: 0.5rem 1rem;
+  }
 }

index.html

@@ -43,7 +43,7 @@
     <link rel="stylesheet" href="./css/bulma-slider.min.css" />
     <link rel="stylesheet" href="./css/twentytwenty.css" />
     <link rel="stylesheet" href="./css/jquery-ui.min.css" />
-    <link rel="stylesheet" href="./css/index-v4.css" />
+    <link rel="stylesheet" href="./css/index-v5.css" />
     <link rel="stylesheet" href="./css/pages.css" />
 
     <script type="importmap">
@@ -63,7 +63,7 @@
     <script src="./js/bulma-carousel.min.js"></script>
     <script src="./js/bulma-slider.min.js"></script>
     <script src="./js/fontawesome.all.min.js"></script>
-    <script src="./js/pcd-viewer-v4.js" type="module"></script>
+    <script src="./js/pcd-viewer-v5.js" type="module"></script>
     <script type="module" src="https://esm.sh/gifuct-js@2.1.2"></script>
     <script src="./js/slider.js" type="module"></script>
 
@@ -234,7 +234,7 @@ <h3 class="title is-4 section-title">Abstract</h3>
                <img width="20px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACM0lEQVR4nO2azUobURSAP8EiTd+hEQrtzoKbtrtsahLaV7DNwq3VbTXu20ajPkQg4LbxFWITVy6UCr6DIG5EbbnlCjaMd0z0nLlMzgcHApnJ+Zk75+fegGEYhmEYhmEYxsOZBmrAGvDtkcX95mevIzo+AH3gj5L0gCoR8AzYUXR8UNpAIUvnf2Xo/I3sZRWEnQicv70SVPkYgdODUtEMQD8ChwfFvY4qTKcYcgX8BBqPWAIb/jevAnqvgaJGAGopzpcFdVdSguD6BHFWAwa4pyTNbkD/ioJ+NgIGbCro3wzod7aJ8zVggPtOgmXgCDgBTgP6T/01h8AXIVt46xNOUhJ6I9RwXY5QFS4lG6RGgsLvQromgOMRAvDb3ytGGdgGtoA5SUVAKSX7J1Ujd0+uaA4RgHVyyBRwcA/nXQJ8qmXUay9azAIXAecv/DUqLPjMf+0/a7EWCEBdy4gXwNktxefAKyXdk0A3wfl94ImWAXtZGnDHA3ippJt6YAm65ZnrV3A2piTkE/DMWJehWBuRJjmjFGErWvGt+LZ0Kz7hB4thh5FjwWEkaU/ih5AuYhtH3ymP4/9Y8sltmA2JRWRYyWBD5j/GfktsNfAEOozBpmgtJftLntBUU6rRJyI5GOkIHIx07nEw8hwleiNUBWlxA5oa1QgcHpT3KNOOwOkbaZEBhTv2BbSlm+XwVch4JbRimTwryquhq3AWMRJFX4vrAn+Tcw3YvGapMwzDMAzDMAyD3PIXrhcvcPyJl0UAAAAASUVORK5CYII=" alt="refresh"> <span>Re-sample: On</span>
             </button>
           </div> -->
-            <div class="vis-card" style="margin-top: 1rem; width: 114%; margin-left: -7%; padding-top: 1.2rem; padding-bottom: 1rem; padding-left: 10px; padding-right: 10px;">
+            <div class="vis-card" style="margin-top: 1rem; width: 110%; margin-left: -5%; padding-top: 1.2rem; padding-bottom: 1rem; padding-left: 5px; padding-right: 5px;">
               <div class="viewers-container">
                 <!-- JS will inject three viewers here when you click a tab -->
               </div>