update app html template (Generators.jl) with correct structure and c…

…ss class names for new theme
GenieFramework · Nov 21, 2024 · 1915a35 · 1915a35
1 parent 205eb5f
commit 1915a35
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/Generators.jl b/src/Generators.jl
@@ -109,29 +109,33 @@ function view()
     write(io,
     """
     <header>
-        <h4> Hello Genie! </h4>
+      <h4>Hello Genie!</h4>
     </header>
     <div class="row">
-        <div class="col-12 st-module">
-          <div class="st-card-title">Message</div>
+      <div class="col-12 col-sm-6 flex">
+        <div class="st-module">
+          <div class="st-module-title">Message</div>
           <div class="st-field-label">
             Generated <b>{{N}}</b> random numbers.
             <p>{{msg}}</p>
           </div>
         </div>
-        <div class="col-12 st-module">
-          <div class="st-card-title">Controls</div>
+      </div>
+      <div class="col-12 col-sm-6 flex">
+        <div class="st-module">
+          <div class="st-module-title">Controls</div>
           <div class="st-field-label">
             <strong>X</strong> Vector Length
           </div>
           <q-slider id="ivz19" v-model="N" color="primary" :label="true" :max="100" :min="1" :step="1"></q-slider>
           <q-btn id="i1x6y" color="primary" icon="arrow_forward" label="Shift x vector" v-on:click="shift = true"></q-btn>
         </div>
+      </div>
     </div>
     <div class="row">
-        <div class="st-col col-12 st-module">
-            <plotly id="izduj" data="W3siZ2J0eXBlIjoiTGluZSBDaGFydCIsIngiOiIkX3t4fSIsInkiOiIkX3t5fSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d" config="e30=" layout="eyJ0aXRsZSI6IkxpbmUgY2hhcnQifQ=="></plotly>
-        </div>
+      <div class="col-12 st-module">
+        <plotly id="izduj" data="W3siZ2J0eXBlIjoiTGluZSBDaGFydCIsIngiOiIkX3t4fSIsInkiOiIkX3t5fSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d" config="e30=" layout="eyJ0aXRsZSI6IkxpbmUgY2hhcnQifQ=="></plotly>
+      </div>
     </div>
     """
     )