From 0a82fca6d34329b06a981d7e76a7bcd5381b9b2f Mon Sep 17 00:00:00 2001
From: Sirttas <calloch.gael@gmail.com>
Date: Tue, 28 May 2024 12:53:13 +0200
Subject: [PATCH] open in a new tab

---
 src/auth.ts                         |  6 ++++--
 src/market/type/MarketTypeLabel.vue | 14 ++++++--------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/auth.ts b/src/auth.ts
index e9644e8..482a2ed 100644
--- a/src/auth.ts
+++ b/src/auth.ts
@@ -1,5 +1,5 @@
 import log from "loglevel";
-import { Log, User, UserManager } from "oidc-client-ts";
+import { Log, User, UserManager, WebStorageStateStore } from "oidc-client-ts";
 import { defineStore } from "pinia";
 import { computed, ref } from "vue";
 
@@ -11,7 +11,9 @@ export const useAuthStore = defineStore('auth', () => {
         client_id: import.meta.env.VITE_AUTH_CLIENT_ID,
         client_secret: import.meta.env.VITE_AUTH_CLIENT_SECRET,
         redirect_uri: import.meta.env.VITE_AUTH_REDIRECT_URI,
-        scope: import.meta.env.VITE_AUTH_SCOPE
+        scope: import.meta.env.VITE_AUTH_SCOPE,
+        stateStore: new WebStorageStateStore({ store: window.localStorage }),
+        userStore: new WebStorageStateStore({ store: window.localStorage })
     });
 
     const user = ref<User>();
diff --git a/src/market/type/MarketTypeLabel.vue b/src/market/type/MarketTypeLabel.vue
index a29b6a4..9f2a631 100644
--- a/src/market/type/MarketTypeLabel.vue
+++ b/src/market/type/MarketTypeLabel.vue
@@ -17,14 +17,12 @@ withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-    <div v-if="id || name">
-        <img v-if="id" :src="`https://images.evetech.net/types/${id}/icon?size=32`" class="inline-block w-5 h-5 me-1" alt="" />
+    <div v-if="id || name" class="flex flex-row">
+        <img v-if="id" :src="`https://images.evetech.net/types/${id}/icon?size=32`" class="inline-block w-5 h-5 me-1 mt-1" alt="" />
         <template v-if="name">
             {{ name }}
-            <RouterLink v-if="id" :to="{ name: 'market-types', params: { type: id } }" custom #default="{ navigate }">
-                <button class="btn-icon me-1" title="Show item info" @click="navigate">
-                    <InformationCircleIcon  />
-                </button>
+            <RouterLink v-if="id" :to="{ name: 'market-types', params: { type: id } }" class="button btn-icon ms-1 me-1 mt-1" title="Show item info">
+                <InformationCircleIcon  />
             </RouterLink>
             <ClipboardButton v-if="!hideCopy" :value="name" />
         </template>
@@ -32,7 +30,7 @@ withDefaults(defineProps<Props>(), {
 </template>
 
 <style scoped lang="postcss">
-button:deep(>svg) {
-    @apply relative top-0.5 !w-4 !h-4;
+button:deep(>svg), .button:deep(>svg) {
+    @apply !w-4 !h-4;
 }
 </style>
\ No newline at end of file