update

zumerlab · Sep 27, 2023 · 64510a8 · 64510a8
1 parent 417b718
commit 64510a8
Showing 1 changed file with 25 additions and 11 deletions.
diff --git a/examples/arcgrid.html b/examples/arcgrid.html
@@ -12,16 +12,22 @@
         font-family: 'Lucida Sans', Verdana, sans-serif;
       }
       .capsule {
-        rotate: calc(var(--rotate) * -1 * 45);
+
+       margin: auto 0 ;
         padding: 10px;
-        width: 100%;
-        height: 100%;
-        border: 1px solid rgb(113, 110, 110);
-
+        color: white;
+        width:  80%;
+        height: 40px;
+        border: 1px solid rgb(190, 15, 15);
+    /*rotate: calc(var(--rotate) * -1);*/
+
+
       }
+
       .arc {
-        place-items: center;
-        --width: 12px;
+
+
+        --width:12px;
         background-color: darkslategray;
       }
     </style>
@@ -39,7 +45,11 @@
               <div class="arc"></div> 
               <div class="arc"></div>
               <div class="arc"></div>
-              <div class="arc"></div> 
+              <div class="arc">
+                <div class="capsule">
+                  hola play
+                </div>
+              </div> 
               <div class="arc"></div>
             </div>
 
@@ -48,11 +58,15 @@
               <div class="arc"></div> 
               <div class="arc"></div>
               <div class="arc"></div>
-              <div class="arc"></div> 
+              <div class="arc"><div class="capsule">
+                hola play
+              </div></div> 
               <div class="arc"></div>
             </div>
             <div class="ring">
-              <div class="arc btn btn-primary"></div>
+              <div class="arc btn btn-primary"><div class="capsule">
+                hola play
+              </div></div>
               <div class="arc "></div> 
               <div class="arc"></div>
               <div class="arc"></div>
@@ -95,7 +109,7 @@
             <div class="arc"></div> 
             <div class="arc">
               <div class="capsule">
-                hola
+                hola play
               </div>
             </div>
           </div>