fix: get a demo button should have an href

closes #7055

Author: elevatebart

ui/src/components/demo/Apps.vue

@@ -7,11 +7,6 @@
         <template #message>
             {{ $t(`demos.apps.message`) }}
         </template>
-        <template #buttons>
-            <el-button target="_blank" href="https://kestra.io/demo" type="primary" size="large">
-                {{ $t("demos.get_a_demo_button") }}
-            </el-button>
-        </template>
     </Layout>
 </template>
 

ui/src/components/demo/AuditLogs.vue

@@ -7,11 +7,6 @@
         <template #message>
             {{ $t('demos.audit-logs.message') }}
         </template>
-        <template #buttons>
-            <el-button v-if="!isFullScreen()" target="_blank" href="https://kestra.io/demo" type="primary" size="large">
-                {{ $t("demos.get_a_demo_button") }}
-            </el-button>
-        </template>
     </Layout>
 </template>
 

ui/src/components/demo/Blueprints.vue

@@ -6,11 +6,6 @@
         <template #message>
             {{ $t(`demos.blueprints.message`) }}
         </template>
-        <template #buttons>
-            <el-button target="_blank" href="https://kestra.io/demo" type="primary" size="large">
-                {{ $t("demos.get_a_demo_button") }}
-            </el-button>
-        </template>
     </Layout>
 </template>
 

ui/src/components/demo/IAM.vue

@@ -7,11 +7,6 @@
         <template #message>
             {{ $t('demos.IAM.message') }}
         </template>
-        <template #buttons>
-            <el-button v-if="!isFullScreen()" target="_blank" href="https://kestra.io/demo" type="primary" size="large">
-                {{ $t("demos.get_a_demo_button") }}
-            </el-button>
-        </template>
     </Layout>
 </template>
 

ui/src/components/demo/Instance.vue

@@ -7,11 +7,6 @@
         <template #message>
             {{ $t('demos.instance.message') }}
         </template>
-        <template #buttons>
-            <el-button v-if="!isFullScreen()" target="_blank" href="https://kestra.io/demo" type="primary" size="large">
-                {{ $t("demos.get_a_demo_button") }}
-            </el-button>
-        </template>
     </Layout>
 </template>
 

ui/src/components/demo/Layout.vue

@@ -8,7 +8,9 @@
             </div>
             <h2>{{ title }}</h2>
             <p><slot name="message" /></p>
-            <slot name="buttons" />
+            <a class="el-button el-button--primary el-button--large" target="_blank" href="https://kestra.io/demo">
+                {{ $t("demos.get_a_demo_button") }}
+            </a>
         </div>
     </EmptyTemplate>
 </template>

ui/src/components/demo/Namespace.vue

@@ -6,11 +6,6 @@
         <template #message>
             {{ $t(`demos.namespace.${props.tab}.message`) }}
         </template>
-        <template #buttons>
-            <el-button target="_blank" href="https://kestra.io/demo" type="primary" size="large">
-                {{ $t("demos.get_a_demo_button") }}
-            </el-button>
-        </template>
     </Layout>
 </template>
 

ui/src/components/demo/Tenants.vue

@@ -7,11 +7,6 @@
         <template #message>
             {{ $t('demos.tenants.message') }}
         </template>
-        <template #buttons>
-            <el-button v-if="!isFullScreen()" target="_blank" href="https://kestra.io/demo" type="primary" size="large">
-                {{ $t("demos.get_a_demo_button") }}
-            </el-button>
-        </template>
     </Layout>
 </template>