fix: minor input stylings

components/app/Header.vue

@@ -34,11 +34,11 @@
               :url="currentUser.photoURL"
               :alt="currentUser.displayName"
               :title="
-                (currentUser.displayName ||
+                `${currentUser.displayName || 'Name not found'}` +
-                  '<label><i>Name not found</i></label>') +
                 '<br>' +
-                (currentUser.email || '<label><i>Email not found</i></label>')
+                `<sub>${currentUser.email || 'Email not found'}</sub>`
               "
+              indicator
             />
             <TabPrimary
               v-else

components/app/Shortcuts.vue

@@ -22,8 +22,8 @@
               font-bold
               m-1
               text-xs
-              py-2
+              py-1
-              px-4
+              px-2
             "
           >
             {{ key }}

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"

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
         "

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
         "

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
         "

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"

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>

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>

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": "ও.আই.ডি.সি ডিস্কভারি ইউ.আর.এল",

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"
 }

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",

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",

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",

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": "टोकन नाम",

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",

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",

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",

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",

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",

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",

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",

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",

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",

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 名称",

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",

pages/graphql.vue

@@ -99,7 +99,7 @@
                     font-semibold font-mono
                     flex-1
                     text-xs
-                    py-3
+                    py-2
                     px-4
                     focus:outline-none
                   "

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") }}

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"