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

refactor: sort windi class names

Browse Source
This commit is contained in:
liyasthomas
2021-12-01 22:59:01 +05:30
parent 520ac8ede5
commit a508909471
91 changed files with 518 additions and 512 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/hoppscotch-app/components/environments/Edit.vue
View File

@@ -6,7 +6,7 @@
>
<template #body>
<div class="flex flex-col px-2">
<div class="relative flex">
<div class="flex relative">
<input
id="selectLabelEnvEdit"
v-model="name"
@@ -22,7 +22,7 @@
{{ $t("action.label") }}
</label>
</div>
<div class="flex items-center justify-between flex-1">
<div class="flex flex-1 items-center justify-between">
<label for="variableList" class="p-4">
{{ $t("environment.variable_list") }}
</label>
@@ -43,21 +43,21 @@
/>
</div>
</div>
<div class="divide-dividerLight border-divider border divide-y rounded">
<div class="divide-dividerLight divide-y border border-divider rounded">
<div
v-for="(variable, index) in vars"
:key="`variable-${index}`"
class="divide-dividerLight flex divide-x"
class="divide-dividerLight divide-x flex"
>
<input
v-model="variable.key"
class="flex flex-1 px-4 py-2 bg-transparent"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="`${$t('count.variable', { count: index + 1 })}`"
:name="'param' + index"
/>
<input
v-model="variable.value"
class="flex flex-1 px-4 py-2 bg-transparent"
class="bg-transparent flex flex-1 py-2 px-4"
:placeholder="`${$t('count.value', { count: index + 1 })}`"
:name="'value' + index"
/>
@@ -74,15 +74,15 @@
</div>
<div
v-if="vars.length === 0"
class="text-secondaryLight flex flex-col items-center justify-center p-4"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<img
:src="`/images/states/${$colorMode.value}/blockchain.svg`"
loading="lazy"
class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
class="flex-col object-contain object-center h-16 my-4 w-16 inline-flex"
:alt="$t('empty.environments')"
/>
<span class="pb-4 text-center">
<span class="text-center pb-4">
{{ $t("empty.environments") }}
</span>
<ButtonSecondary

6
packages/hoppscotch-app/components/environments/Environment.vue
View File

@@ -1,13 +1,13 @@
<template>
<div class="group flex items-center">
<div class="flex items-center group">
<span
class="flex items-center justify-center px-4 cursor-pointer"
class="cursor-pointer flex px-4 items-center justify-center"
@click="$emit('edit-environment')"
>
<SmartIcon class="svg-icons" name="layers" />
</span>
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
@click="$emit('edit-environment')"
>
<span class="truncate">

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

@@ -1,22 +1,22 @@
<template>
<AppSection :label="`${$t('environment.title')}`">
<div class="bg-primary sticky top-0 z-10 flex flex-col rounded-t">
<div class="bg-primary rounded-t flex flex-col top-0 z-10 sticky">
<tippy ref="options" interactive trigger="click" theme="popover" arrow>
<template #trigger>
<span
v-tippy="{ theme: 'tooltip' }"
:title="`${$t('environment.select')}`"
class="border-dividerLight select-wrapper flex-1 bg-transparent border-b"
class="bg-transparent border-b border-dividerLight flex-1 select-wrapper"
>
<ButtonSecondary
v-if="selectedEnvironmentIndex !== -1"
:label="environments[selectedEnvironmentIndex].name"
class="flex-1 pr-8 rounded-none"
class="rounded-none flex-1 pr-8"
/>
<ButtonSecondary
v-else
:label="`${$t('environment.no_environment')}`"
class="flex-1 pr-8 rounded-none"
class="rounded-none flex-1 pr-8"
/>
</span>
</template>
@@ -45,7 +45,7 @@
"
/>
</tippy>
<div class="border-dividerLight flex justify-between flex-1 border-b">
<div class="border-b border-dividerLight flex flex-1 justify-between">
<ButtonSecondary
svg="plus"
:label="`${$t('action.new')}`"
@@ -86,7 +86,7 @@
<EnvironmentsEnvironment
environment-index="Global"
:environment="globalEnvironment"
class="border-dividerLight border-b border-dashed"
class="border-b border-dashed border-dividerLight"
@edit-environment="editEnvironment('Global')"
/>
<EnvironmentsEnvironment
@@ -99,15 +99,15 @@
</div>
<div
v-if="environments.length === 0"
class="text-secondaryLight flex flex-col items-center justify-center p-4"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<img
:src="`/images/states/${$colorMode.value}/blockchain.svg`"
loading="lazy"
class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
class="flex-col object-contain object-center h-16 my-4 w-16 inline-flex"
:alt="$t('empty.environments')"
/>
<span class="pb-4 text-center">
<span class="text-center pb-4">
{{ $t("empty.environments") }}
</span>
<ButtonSecondary