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

chore(refactor): modern UI

Browse Source
This commit is contained in:
Liyas Thomas
2020-12-11 22:24:34 +05:30
parent 773423069b
commit 5a7bcf32ea
55 changed files with 936 additions and 860 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/environments/add-environment.vue
View File

@@ -10,7 +10,7 @@
</div>
</div>
</div>
<div slot="body">
<div slot="body" class="flex flex-col">
<label for="selectLabel">{{ $t("label") }}</label>
<input
type="text"

2
components/environments/edit-environment.vue
View File

@@ -10,7 +10,7 @@
</div>
</div>
</div>
<div slot="body">
<div slot="body" class="flex flex-col">
<label for="selectLabel">{{ $t("label") }}</label>
<input
type="text"

4
components/environments/import-export-environment.vue
View File

@@ -44,8 +44,8 @@
</div>
</div>
</div>
<div slot="body">
<div class="flex flex-col items-start">
<div slot="body" class="flex flex-col">
<div class="flex flex-col items-start p-2">
<span
v-tooltip="{
content: !fb.currentUser ? $t('login_first') : $t('replace_current'),

41
components/environments/index.vue
View File

@@ -1,26 +1,23 @@
<template>
<pw-section class="green" icon="history" :label="$t('environments')" ref="environments">
<pw-section class="green" icon="history" :label="$t('environments')" ref="environments" no-legend>
<div class="show-on-large-screen">
<ul class="w-full">
<li>
<label for="currentEnvironment">{{ $t("select_environment") }}</label>
<span class="select-wrapper">
<select
id="currentEnvironment"
v-model="selectedEnvironmentIndex"
:disabled="environments.length == 0"
>
<option :value="-1">No environment</option>
<option v-if="environments.length === 0" value="0">
{{ $t("create_new_environment") }}
</option>
<option v-for="(environment, index) in environments" :value="index" :key="index">
{{ environment.name }}
</option>
</select>
</span>
</li>
</ul>
<!-- <label for="currentEnvironment">{{ $t("select_environment") }}</label> -->
<span class="select-wrapper">
<select
id="currentEnvironment"
v-model="selectedEnvironmentIndex"
:disabled="environments.length == 0"
class="rounded-t-lg"
>
<option :value="-1">No environment</option>
<option v-if="environments.length === 0" value="0">
{{ $t("create_new_environment") }}
</option>
<option v-for="(environment, index) in environments" :value="index" :key="index">
{{ environment.name }}
</option>
</select>
</span>
</div>
<add-environment :show="showModalAdd" @hide-modal="displayModalAdd(false)" />
<edit-environment
@@ -33,7 +30,7 @@
:show="showModalImportExport"
@hide-modal="displayModalImportExport(false)"
/>
<div class="row-wrapper">
<div class="border-b row-wrapper border-brdColor">
<div>
<button class="icon" @click="displayModalAdd(true)">
<i class="material-icons">add</i>