fix: minor input stylings

2021-07-24 11:23:10 +05:30
parent 2e94969a41
commit 84b94f3091
29 changed files with 63 additions and 36 deletions
--- a/components/app/Header.vue
+++ b/components/app/Header.vue
@@ -34,11 +34,11 @@
              :url="currentUser.photoURL"
              :alt="currentUser.displayName"
              :title="
-                (currentUser.displayName ||
-                  '<label><i>Name not found</i></label>') +
+                `${currentUser.displayName || 'Name not found'}` +
                '<br>' +
-                (currentUser.email || '<label><i>Email not found</i></label>')
+                `<sub>${currentUser.email || 'Email not found'}</sub>`
              "
+              indicator
            />
            <TabPrimary
              v-else
--- a/components/app/Shortcuts.vue
+++ b/components/app/Shortcuts.vue
@@ -22,8 +22,8 @@
              font-bold
              m-1
              text-xs
-              py-2
-              px-4
+              py-1
+              px-2
            "
          >
            {{ key }}
--- a/components/collections/SaveRequest.vue
+++ b/components/collections/SaveRequest.vue
@@ -7,8 +7,8 @@
    <template #body>
      <div class="flex flex-col px-2">
        <label for="selectLabelSaveReq" class="font-semibold text-xs px-4 pb-4">
-          {{ $t("token_req_name") }}</label
-        >
+          {{ $t("request_name") }}
+        </label>
        <input
          id="selectLabelSaveReq"
          v-model="requestData.name"
--- a/components/http/BodyParameters.vue
+++ b/components/http/BodyParameters.vue
@@ -40,7 +40,7 @@
          font-semibold font-mono
          flex-1
          text-xs
-          py-3
+          py-2
          px-4
          focus:outline-none
        "
--- a/components/http/Headers.vue
+++ b/components/http/Headers.vue
@@ -62,7 +62,7 @@
          font-semibold font-mono
          flex-1
          text-xs
-          py-3
+          py-2
          px-4
          focus:outline-none
        "
--- a/components/http/Parameters.vue
+++ b/components/http/Parameters.vue
@@ -48,7 +48,7 @@
          font-semibold font-mono
          flex-1
          text-xs
-          py-3
+          py-2
          px-4
          focus:outline-none
        "
--- a/components/http/Request.vue
+++ b/components/http/Request.vue
@@ -145,13 +145,13 @@
              class="rounded-l-none"
            />
          </template>
-          <SmartItem :description="$t('token_req_name')" />
          <input
            id="request-name"
            v-model="name"
+            :placeholder="$t('request_name')"
            name="request-name"
            type="text"
-            class="text-sm input"
+            class="mb-2 input"
          />
          <SmartItem
            ref="copyRequest"
--- a/components/http/ResponseMeta.vue
+++ b/components/http/ResponseMeta.vue
@@ -28,11 +28,17 @@
          <span class="text-secondaryDark"> Status: </span>
          {{ response.statusCode || $t("waiting_send_req") }}
        </span>
-        <span v-if="response.meta.responseDuration" class="text-xs">
+        <span
+          v-if="response.meta && response.meta.responseDuration"
+          class="text-xs"
+        >
          <span class="text-secondaryDark"> Time: </span>
          {{ `${response.meta.responseDuration} ms` }}
        </span>
-        <span v-if="response.meta.responseSize" class="text-xs">
+        <span
+          v-if="response.meta && response.meta.responseSize"
+          class="text-xs"
+        >
          <span class="text-secondaryDark"> Size: </span>
          {{ `${response.meta.responseSize} B` }}
        </span>
--- a/components/profile/Picture.vue
+++ b/components/profile/Picture.vue
@@ -14,7 +14,21 @@
      :alt="alt"
      loading="lazy"
    />
-    <div class="rounded shadow-inner inset-0 absolute"></div>
+    <div class="rounded-full shadow-inner inset-0 absolute"></div>
+    <span
+      v-if="indicator"
+      class="
+        bg-accent
+        border-primary
+        rounded-full
+        border-2
+        h-3
+        -top-1
+        -right-1
+        w-3
+        absolute
+      "
+    ></span>
  </div>
 </template>

@@ -31,6 +45,10 @@ export default {
      type: String,
      default: "Profile picture",
    },
+    indicator: {
+      type: Boolean,
+      default: false,
+    },
  },
 }
 </script>
--- a/lang/bn-BD.json
+++ b/lang/bn-BD.json
@@ -101,7 +101,7 @@
  "save_token_req": "অনুরোধকৃত টোকেন সংরক্ষণ করুন",
  "manage_token_req": "অনুরোধকৃত টোকেন পরিচালনা করুন",
  "use_token_req": "অনুরোধকৃত টোকেন ব্যবহার করুন",
-  "token_req_name": "রিকোয়েস্টের নাম",
+  "request_name": "রিকোয়েস্টের নাম",
  "token_req_details": "রিকোয়েস্টের বিস্তারিত",
  "token_name": "টোকেনের নাম",
  "oidc_discovery_url": "ও.আই.ডি.সি ডিস্কভারি ইউ.আর.এল",
--- a/lang/en-US.json
+++ b/lang/en-US.json
@@ -101,7 +101,7 @@
  "save_token_req": "Save Token Request",
  "manage_token_req": "Manage Token Request",
  "use_token_req": "Use Token Request",
-  "token_req_name": "Request Name",
+  "request_name": "Request Name",
  "empty_req_name": "Empty Request Name",
  "token_req_details": "Request Details",
  "token_name": "Token Name",
@@ -349,5 +349,6 @@
  "are_you_sure_logout": "Are you sure you want to logout?",
  "telemetry": "Telemetry",
  "shortcuts_indicator": "Shortcuts indicator",
-  "zen_mode": "Zen mode"
+  "zen_mode": "Zen mode",
+  "notifications": "Notifications"
 }
--- a/lang/es-ES.json
+++ b/lang/es-ES.json
@@ -93,7 +93,7 @@
  "save_token_req": "Guardar la petición del token",
  "manage_token_req": "Gestionar la petición del token",
  "use_token_req": "Usar el token de la petición",
-  "token_req_name": "Nombre de la petición",
+  "request_name": "Nombre de la petición",
  "token_req_details": "Detalles de la petición",
  "token_name": "Nombre del token",
  "oidc_discovery_url": "URL de descubrimiento de OIDC",
--- a/lang/fr-FR.json
+++ b/lang/fr-FR.json
@@ -95,7 +95,7 @@
  "save_token_req": "Sauvegarder la requête ",
  "manage_token_req": "Gérer la requête avec Token",
  "use_token_req": "Utiliser la requête avec Token",
-  "token_req_name": "Nom de la requête",
+  "request_name": "Nom de la requête",
  "token_req_details": "Détails de la requête",
  "token_name": "Nom du Token",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/lang/id-ID.json
+++ b/lang/id-ID.json
@@ -100,7 +100,7 @@
  "save_token_req": "Simpan Permintaan Token",
  "manage_token_req": "Kelola Permintaan Token",
  "use_token_req": "Pakai Permintaan Token",
-  "token_req_name": "Nama Permintaan",
+  "request_name": "Nama Permintaan",
  "empty_req_name": "Permintaan Tanpa Nama",
  "token_req_details": "Perincian Permintaan",
  "token_name": "Nama Token",
--- a/lang/in-IN.json
+++ b/lang/in-IN.json
@@ -100,7 +100,7 @@
  "save_token_req": "टोकन अनुरोध सहेजें",
  "manage_token_req": "टोकन अनुरोध प्रबंधित करें",
  "use_token_req": "टोकन अनुरोध का प्रयोग करें",
-  "token_req_name": "अनुरोध का नाम",
+  "request_name": "अनुरोध का नाम",
  "empty_req_name": "खाली अनुरोध का नाम",
  "token_req_details": "अनुरोध विवरण",
  "token_name": "टोकन नाम",
--- a/lang/ja-JP.json
+++ b/lang/ja-JP.json
@@ -95,7 +95,7 @@
  "save_token_req": "トークンリクエストを保存",
  "manage_token_req": "トークンリクエストを管理",
  "use_token_req": "トークンリクエストを使用",
-  "token_req_name": "リクエスト名",
+  "request_name": "リクエスト名",
  "token_req_details": "リクエスト詳細",
  "token_name": "トークン名",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/lang/ko-KR.json
+++ b/lang/ko-KR.json
@@ -101,7 +101,7 @@
  "save_token_req": "토큰 요청 저장",
  "manage_token_req": "토큰 요청 관리",
  "use_token_req": "토큰 요청 사용",
-  "token_req_name": "요청 이름",
+  "request_name": "요청 이름",
  "token_req_details": "요청 세부 사항",
  "token_name": "토큰 이름",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/lang/ml-ML.json
+++ b/lang/ml-ML.json
@@ -101,7 +101,7 @@
  "save_token_req": "ടോക്കൺ അഭ്യർത്ഥന സംരക്ഷിക്കുക",
  "manage_token_req": "ടോക്കൺ അഭ്യർത്ഥന നിയന്ത്രിക്കുക",
  "use_token_req": "ടോക്കൺ അഭ്യർത്ഥന ഉപയോഗിക്കുക",
-  "token_req_name": "പേര് അഭ്യർത്ഥിക്കുക",
+  "request_name": "പേര് അഭ്യർത്ഥിക്കുക",
  "token_req_details": "വിശദാംശങ്ങൾ അഭ്യർത്ഥിക്കുക",
  "token_name": "OIDC ടോക്കൺ നാമം കണ്ടെത്തൽ URL",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/lang/nb-NO.json
+++ b/lang/nb-NO.json
@@ -100,7 +100,7 @@
  "save_token_req": "Lagre pollettforespørsel",
  "manage_token_req": "Administrer pollettforespørsel",
  "use_token_req": "Bruk pollettforespørsel",
-  "token_req_name": "Forespørselsnavn",
+  "request_name": "Forespørselsnavn",
  "empty_req_name": "Tøm forespørselsnavn",
  "token_req_details": "Forespørselsdetaljer",
  "token_name": "Pollettnavn",
--- a/lang/nl-BE.json
+++ b/lang/nl-BE.json
@@ -101,7 +101,7 @@
  "save_token_req": "Tokenaanvraag opslaan",
  "manage_token_req": "Tokenaanvraag beheren",
  "use_token_req": "Tokenaanvraag gebruiken",
-  "token_req_name": "Naam request",
+  "request_name": "Naam request",
  "token_req_details": "Request details",
  "token_name": "Naam token",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/lang/pt-BR.json
+++ b/lang/pt-BR.json
@@ -112,7 +112,7 @@
  "save_token_req": "Salvar Token de Request",
  "manage_token_req": "Gerenciar Token de Request",
  "use_token_req": "Usar Token de Request",
-  "token_req_name": "Nome da Request",
+  "request_name": "Nome da Request",
  "token_req_details": "Detalhes da Request",
  "token_name": "Nome do Token",
  "oidc_discovery_url": "URL de Descobrimento OIDC",
--- a/lang/pt-PT.json
+++ b/lang/pt-PT.json
@@ -103,7 +103,7 @@
  "save_token_req": "Guardar Token Request",
  "manage_token_req": "Gerir Token Request",
  "use_token_req": "Usar Token Request",
-  "token_req_name": "Nome do Request",
+  "request_name": "Nome do Request",
  "token_req_details": "Detalhes do Request",
  "token_name": "Nome do Token",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/lang/tr-TR.json
+++ b/lang/tr-TR.json
@@ -101,7 +101,7 @@
  "save_token_req": "Token İsteğini Kaydet",
  "manage_token_req": "Token İsteğini Yönet",
  "use_token_req": "Token İsteğini Kullan",
-  "token_req_name": "İstek Adı",
+  "request_name": "İstek Adı",
  "token_req_details": "İstek Detayları",
  "token_name": "Token Adı",
  "oidc_discovery_url": "OIDC Keşif URL'i",
--- a/lang/vi-VN.json
+++ b/lang/vi-VN.json
@@ -101,7 +101,7 @@
  "save_token_req": "Lưu Token Request",
  "manage_token_req": "Quản lý Token Request",
  "use_token_req": "Dùng Token Request",
-  "token_req_name": "Tên Request",
+  "request_name": "Tên Request",
  "token_req_details": "Chi tiết Request",
  "token_name": "Tên Token",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/lang/zh-CN.json
+++ b/lang/zh-CN.json
@@ -105,7 +105,7 @@
  "save_token_req": "保存 Token Request",
  "manage_token_req": "管理 Token Request",
  "use_token_req": "使用 Token Request",
-  "token_req_name": "请求名称",
+  "request_name": "请求名称",
  "empty_req_name": "空请求名称",
  "token_req_details": "请求详情",
  "token_name": "Token 名称",
--- a/lang/zh-TW.json
+++ b/lang/zh-TW.json
@@ -101,7 +101,7 @@
  "save_token_req": "Save Token Request",
  "manage_token_req": "Manage Token Request",
  "use_token_req": "Use Token Request",
-  "token_req_name": "請求名稱",
+  "request_name": "請求名稱",
  "token_req_details": "請求細節",
  "token_name": "權杖名稱",
  "oidc_discovery_url": "OIDC Discovery URL",
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -99,7 +99,7 @@
                    font-semibold font-mono
                    flex-1
                    text-xs
-                    py-3
+                    py-2
                    px-4
                    focus:outline-none
                  "
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -357,7 +357,7 @@
            </span>
          </li>
        </ul>
-        <label for="token-req-name">{{ $t("token_req_name") }}</label>
+        <label for="token-req-name">{{ $t("request_name") }}</label>
        <input class="input" v-model="tokenReqName" />
        <label for="token-req-details">
          {{ $t("token_req_details") }}
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -284,12 +284,14 @@
                    bg-primaryLight
                    border border-divider
                    rounded-l
+                    text-xs
                    ml-2
                    py-1
                    px-2
                  "
-                  >{{ $t("url") }}</label
                >
+                  {{ `${$t("proxy")} ${$t("url")}` }}
+                </label>
                <input
                  id="url"
                  v-model="PROXY_URL"