btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor: improve ui consistency

Browse Source
This commit is contained in:
liyasthomas
2022-02-26 17:39:57 +05:30
parent 137de5dcc7
commit 5b816422d7
3 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/hoppscotch-app/components/collections/ChooseType.vue
View File

@@ -28,13 +28,14 @@
> >
<ButtonSecondary <ButtonSecondary
v-if="collectionsType.selectedTeam" v-if="collectionsType.selectedTeam"
svg="users"
:label="collectionsType.selectedTeam.name" :label="collectionsType.selectedTeam.name"
class="flex-1 pr-8 rounded-none" class="flex-1 !justify-start pr-8 rounded-none"
/> />
<ButtonSecondary <ButtonSecondary
v-else v-else
:label="`${$t('collection.select_team')}`" :label="`${$t('collection.select_team')}`"
class="flex-1 pr-8 rounded-none" class="flex-1 !justify-start pr-8 rounded-none"
/> />
</span> </span>
</template> </template>
@@ -46,6 +47,7 @@
team.id === collectionsType.selectedTeam?.id ? 'done' : '' team.id === collectionsType.selectedTeam?.id ? 'done' : ''
" "
:active-info-icon="team.id === collectionsType.selectedTeam?.id" :active-info-icon="team.id === collectionsType.selectedTeam?.id"
svg="users"
@click.native=" @click.native="
() => { () => {
updateSelectedTeam(team) updateSelectedTeam(team)

7
packages/hoppscotch-app/components/environments/index.vue
View File

@@ -11,12 +11,12 @@
<ButtonSecondary <ButtonSecondary
v-if="selectedEnvironmentIndex !== -1" v-if="selectedEnvironmentIndex !== -1"
:label="environments[selectedEnvironmentIndex].name" :label="environments[selectedEnvironmentIndex].name"
class="flex-1 pr-8 rounded-none" class="flex-1 !justify-start pr-8 rounded-none"
/> />
<ButtonSecondary <ButtonSecondary
v-else v-else
:label="`${$t('environment.no_environment')}`" :label="`${$t('environment.select')}`"
class="flex-1 pr-8 rounded-none" class="flex-1 !justify-start pr-8 rounded-none"
/> />
</span> </span>
</template> </template>
@@ -31,6 +31,7 @@
} }
" "
/> />
<hr />
<SmartItem <SmartItem
v-for="(gen, index) in environments" v-for="(gen, index) in environments"
:key="`gen-${index}`" :key="`gen-${index}`"

6
packages/hoppscotch-app/components/graphql/Response.vue
View File

@@ -1,8 +1,10 @@
<template> <template>
<div class="flex flex-col flex-1 h-full"> <div
class="sticky top-0 z-10 flex items-center p-4 overflow-auto bg-primary hide-scrollbar whitespace-nowrap"
>
<div <div
v-if="responseString === 'loading'" v-if="responseString === 'loading'"
class="flex flex-col items-center justify-center p-4" class="flex flex-col items-center justify-center flex-1 text-secondaryLight"
> >
<SmartSpinner class="my-4" /> <SmartSpinner class="my-4" />
<span class="text-secondaryLight">{{ t("state.loading") }}</span> <span class="text-secondaryLight">{{ t("state.loading") }}</span>