summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/serverless/components
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/serverless/components')
-rw-r--r--app/assets/javascripts/serverless/components/environment_row.vue2
-rw-r--r--app/assets/javascripts/serverless/components/function_details.vue2
-rw-r--r--app/assets/javascripts/serverless/components/functions.vue12
3 files changed, 4 insertions, 12 deletions
diff --git a/app/assets/javascripts/serverless/components/environment_row.vue b/app/assets/javascripts/serverless/components/environment_row.vue
index 089e0550583..c46dfb66afe 100644
--- a/app/assets/javascripts/serverless/components/environment_row.vue
+++ b/app/assets/javascripts/serverless/components/environment_row.vue
@@ -54,7 +54,7 @@ export default {
<div class="folder-toggle-wrap d-flex align-items-center">
<item-caret :is-group-open="isOpen" />
</div>
- <div class="group-text flex-grow title namespace-title prepend-left-default">
+ <div class="group-text flex-grow title namespace-title gl-ml-3">
{{ envName }}
</div>
</div>
diff --git a/app/assets/javascripts/serverless/components/function_details.vue b/app/assets/javascripts/serverless/components/function_details.vue
index 2ac57ac5bcb..53c78b93254 100644
--- a/app/assets/javascripts/serverless/components/function_details.vue
+++ b/app/assets/javascripts/serverless/components/function_details.vue
@@ -71,7 +71,7 @@ export default {
<template>
<section id="serverless-function-details">
<h3 class="serverless-function-name">{{ name }}</h3>
- <div class="append-bottom-default serverless-function-description">
+ <div class="gl-mb-3 serverless-function-description">
<div v-for="(line, index) in description.split('\n')" :key="index">{{ line }}</div>
</div>
<url :uri="funcUrl" />
diff --git a/app/assets/javascripts/serverless/components/functions.vue b/app/assets/javascripts/serverless/components/functions.vue
index 2b1291ac70f..8fa48134f1f 100644
--- a/app/assets/javascripts/serverless/components/functions.vue
+++ b/app/assets/javascripts/serverless/components/functions.vue
@@ -75,11 +75,7 @@ export default {
<template>
<section id="serverless-functions" class="flex-grow">
- <gl-loading-icon
- v-if="checkingInstalled"
- size="lg"
- class="prepend-top-default append-bottom-default"
- />
+ <gl-loading-icon v-if="checkingInstalled" size="lg" class="gl-mt-3 gl-mb-3" />
<div v-else-if="isInstalled">
<div v-if="hasFunctionData">
@@ -95,11 +91,7 @@ export default {
</ul>
</div>
</template>
- <gl-loading-icon
- v-if="isLoading"
- size="lg"
- class="prepend-top-default append-bottom-default js-functions-loader"
- />
+ <gl-loading-icon v-if="isLoading" size="lg" class="gl-mt-3 gl-mb-3 js-functions-loader" />
</div>
<div v-else class="empty-state js-empty-state">
<div class="text-content">