Commit 1566b835 authored by minahilnichols's avatar minahilnichols

Replace spinner size md with lg

parent fc53b78d
...@@ -177,7 +177,7 @@ export default { ...@@ -177,7 +177,7 @@ export default {
<template> <template>
<div class="related-items-tree-container gl-mt-5"> <div class="related-items-tree-container gl-mt-5">
<div v-if="itemsFetchInProgress" class="mt-2"> <div v-if="itemsFetchInProgress" class="mt-2">
<gl-loading-icon size="md" /> <gl-loading-icon size="lg" />
</div> </div>
<div <div
v-else v-else
......
...@@ -51,5 +51,5 @@ export default { ...@@ -51,5 +51,5 @@ export default {
<gl-skeleton-loading :lines="2" class="pt-2" /> <gl-skeleton-loading :lines="2" class="pt-2" />
</li> </li>
</ul> </ul>
<gl-loading-icon v-else size="md" class="mt-3" /> <gl-loading-icon v-else size="lg" class="mt-3" />
</template> </template>
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
<div class="roadmap-app-container gl-h-full"> <div class="roadmap-app-container gl-h-full">
<roadmap-filters v-if="showFilteredSearchbar && !epicIid" @toggleSettings="toggleSettings" /> <roadmap-filters v-if="showFilteredSearchbar && !epicIid" @toggleSettings="toggleSettings" />
<div :class="{ 'overflow-reset': epicsFetchResultEmpty }" class="roadmap-container gl-relative"> <div :class="{ 'overflow-reset': epicsFetchResultEmpty }" class="roadmap-container gl-relative">
<gl-loading-icon v-if="epicsFetchInProgress" class="gl-my-5" size="md" /> <gl-loading-icon v-if="epicsFetchInProgress" class="gl-my-5" size="lg" />
<epics-list-empty <epics-list-empty
v-else-if="epicsFetchResultEmpty" v-else-if="epicsFetchResultEmpty"
:preset-type="presetType" :preset-type="presetType"
......
...@@ -139,7 +139,7 @@ export default { ...@@ -139,7 +139,7 @@ export default {
v-if="loading" v-if="loading"
class="gl-absolute gl-top-5 gl-left-0 gl-right-0 gl-display-flex gl-justify-content-center" class="gl-absolute gl-top-5 gl-left-0 gl-right-0 gl-display-flex gl-justify-content-center"
> >
<gl-loading-icon size="md" /> <gl-loading-icon size="lg" />
</div> </div>
<div <div
v-if="tokenHasNotBeenGenerated" v-if="tokenHasNotBeenGenerated"
......
...@@ -215,7 +215,7 @@ export default { ...@@ -215,7 +215,7 @@ export default {
@click="deselectAllOptions" @click="deselectAllOptions"
/> />
<gl-loading-icon v-if="isLoadingProjects" size="md" class="gl-mt-4 gl-mb-3" /> <gl-loading-icon v-if="isLoadingProjects" size="lg" class="gl-mt-4 gl-mb-3" />
<gl-dropdown-text v-else-if="isMaxProjectsSelected"> <gl-dropdown-text v-else-if="isMaxProjectsSelected">
{{ $options.i18n.maxProjectsSelected }} {{ $options.i18n.maxProjectsSelected }}
</gl-dropdown-text> </gl-dropdown-text>
......
...@@ -262,7 +262,7 @@ export default { ...@@ -262,7 +262,7 @@ export default {
</div> </div>
<gl-intersection-observer v-else-if="pageInfo.hasNextPage" @appear="fetchNextPage"> <gl-intersection-observer v-else-if="pageInfo.hasNextPage" @appear="fetchNextPage">
<gl-loading-icon v-if="isLoadingVulnerabilities" size="md" /> <gl-loading-icon v-if="isLoadingVulnerabilities" size="lg" />
</gl-intersection-observer> </gl-intersection-observer>
</div> </div>
</template> </template>
...@@ -279,7 +279,7 @@ export default { ...@@ -279,7 +279,7 @@ export default {
data-testid="subscription-loading-container" data-testid="subscription-loading-container"
class="gl-display-flex gl-h-200! gl-justify-content-center gl-align-items-center gl-flex-direction-column" class="gl-display-flex gl-h-200! gl-justify-content-center gl-align-items-center gl-flex-direction-column"
> >
<gl-loading-icon v-if="true" size="md" /> <gl-loading-icon v-if="true" size="lg" />
<span>{{ $options.i18n.loadingText }}</span> <span>{{ $options.i18n.loadingText }}</span>
</div> </div>
</template> </template>
......
...@@ -151,7 +151,7 @@ export default { ...@@ -151,7 +151,7 @@ export default {
) )
}} }}
</gl-alert> </gl-alert>
<gl-loading-icon v-if="testCaseLoading" size="md" class="gl-mt-3" /> <gl-loading-icon v-if="testCaseLoading" size="lg" class="gl-mt-3" />
<issuable-show <issuable-show
v-if="!testCaseLoading && !testCaseLoadFailed" v-if="!testCaseLoading && !testCaseLoadFailed"
:issuable="testCase" :issuable="testCase"
......
...@@ -316,7 +316,7 @@ export default { ...@@ -316,7 +316,7 @@ export default {
class="text-center" class="text-center"
@appear="fetchNextPage" @appear="fetchNextPage"
> >
<gl-loading-icon v-if="isLoadingAlerts" size="md" /> <gl-loading-icon v-if="isLoadingAlerts" size="lg" />
<span v-else>&nbsp;</span> <span v-else>&nbsp;</span>
</gl-intersection-observer> </gl-intersection-observer>
<alert-drawer <alert-drawer
......
...@@ -72,7 +72,7 @@ export default { ...@@ -72,7 +72,7 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-loading-icon v-if="$apollo.queries.project.loading" class="gl-mt-5" size="md" /> <gl-loading-icon v-if="$apollo.queries.project.loading" class="gl-mt-5" size="lg" />
<gl-alert v-else-if="error" variant="danger" @dismiss="clearError"> <gl-alert v-else-if="error" variant="danger" @dismiss="clearError">
{{ error }} {{ error }}
</gl-alert> </gl-alert>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment