refactor(ui): improved empty state for env variables and response sections

2021-08-02 10:00:50 +05:30
parent 2ae2acc003
commit 8a268ee6de
3 changed files with 92 additions and 36 deletions
--- a/components/environments/Edit.vue
+++ b/components/environments/Edit.vue
@@ -88,6 +88,26 @@
              />
            </div>
          </div>
+          <div
+            v-if="vars.length === 0"
+            class="
+              flex flex-col
+              text-secondaryLight
+              p-4
+              items-center
+              justify-center
+            "
+          >
+            <i class="opacity-75 pb-2 material-icons">layers</i>
+            <span class="text-center pb-4">
+              {{ $t("environments_empty") }}
+            </span>
+            <ButtonSecondary
+              :label="$t('add_new')"
+              outline
+              @click.native="addEnvironmentVariable"
+            />
+          </div>
        </div>
      </div>
    </template>