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-22 15:47:23 +05:30
parent 86d4fa5883
commit c6c479f681
4 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/hoppscotch-app/components/http/TestResult.vue
View File

@@ -36,14 +36,14 @@
<div class="divide-y divide-dividerLight"> <div class="divide-y divide-dividerLight">
<div <div
v-if="noEnvSelected && !globalHasAdditions" v-if="noEnvSelected && !globalHasAdditions"
class="flex bg-error p-4 text-secondaryDark" class="flex p-4 bg-error text-secondaryDark"
> >
<i class="mr-4 material-icons"> warning </i> <i class="mr-4 material-icons"> warning </i>
<div class="flex flex-col"> <div class="flex flex-col">
<p> <p>
{{ t("environment.no_environment_description") }} {{ t("environment.no_environment_description") }}
</p> </p>
<p class="space-x-2 flex mt-3"> <p class="flex mt-3 space-x-2">
<ButtonSecondary <ButtonSecondary
:label="t('environment.add_to_global')" :label="t('environment.add_to_global')"
class="text-tiny !bg-primary" class="text-tiny !bg-primary"

2
packages/hoppscotch-app/components/http/TestResultEnv.vue
View File

@@ -21,7 +21,7 @@
</div> </div>
<span <span
v-if="global" v-if="global"
class="bg-accentLight px-1 rounded text-accentContrast text-tiny" class="px-1 rounded bg-accentLight text-accentContrast text-tiny"
> >
Global Global
</span> </span>

20
packages/hoppscotch-app/components/smart/Radio.vue
View File

@@ -1,16 +1,12 @@
<template> <template>
<div <SmartItem
class="flex items-center flex-1 cursor-pointer transition flex-nowrap group hover:text-secondaryDark" :label="label"
@click="$emit('change', value)" :icon="
> value === selected ? 'radio_button_checked' : 'radio_button_unchecked'
<span class="inline-flex mr-4"> "
<i v-if="value === selected" class="text-accent material-icons"> :active="value === selected"
radio_button_checked @click.native="$emit('change', value)"
</i> />
<i v-else class="material-icons">radio_button_unchecked</i>
</span>
<span class="inline-flex font-semibold">{{ label }}</span>
</div>
</template> </template>
<script> <script>

2
packages/hoppscotch-app/components/smart/RadioGroup.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex flex-col space-y-4"> <div class="flex flex-col">
<SmartRadio <SmartRadio
v-for="(radio, index) in radios" v-for="(radio, index) in radios"
:key="`radio-${index}`" :key="`radio-${index}`"