WiP

QuasarFrontend/src/components_s8n/ComponentCalculator.vue

@@ -1,10 +1,6 @@
 <template>
-  <q-card class="s8n-calculator q-pa-md">
-    <q-card-section>
-      <div class="text-h6">Simple Calculator</div>
-    </q-card-section>
-
-    <q-card-section class="q-gutter-md">
+  <div class="s8n-calculator q-pa-md">
+    <div class="q-gutter-md">
       <q-select
         outlined
         v-model="inputs.operator"
@@ -49,19 +45,19 @@
           Result: {{ outputs.result }} ({{ duration }}ms)
         </div>
       </div>
-    </q-card-section>
 
-    <q-card-actions align="right">
-      <q-btn
-        color="primary"
-        @click="execute('Calc')"
-        :loading="running"
-        size="lg"
-        icon="calculate"
-        label="Calculate"
-      />
-    </q-card-actions>
-  </q-card>
+      <div class="row justify-end q-mt-md">
+        <q-btn
+          color="primary"
+          @click="execute('Calc')"
+          :loading="running"
+          size="lg"
+          icon="calculate"
+          label="Calculate"
+        />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">